목록전체 글 (64)

Project.log

블로그/TIL 작성방법

블로그/TIL 작성방법(1) - 이건 꼭 넣기 [1] 어떤 ‘문제’가 있었는지 구체적으로 어떤 문제가 있었는지 파악하고 글쓰기 [2] 내가 ‘시도’해본것들 내가 무엇을 시도해았는지 즉, 삽질을 얼마나 하였는지 예를들면 구글검색, 스택오버플로우검색, 기술블로그 참고 등 [3] 어떻게 ‘해결’했는지 구체적으로 어떻게 그 문제를 해결하였는지 [4] 뭘 ‘새롭게알았는지’ 위 과정을 통해 무엇을 새롭게 알았는지 블로그/TIL 작성방법(2) - 이건 굳이 필요X [1] 반짝반짝 예쁘게 꾸미기 예쁘게 꾸미는것 보다 내용을 중요시해야한다. 면접질문이 여기서 나온다고 생각하고 내용을 중요시하자. 단, 프론트엔드 지망생일 경우 블로그에 다크모드를 만든다거나 버튼에 기능을 할당한다거나 등은 매우좋다 [2] 통째로 붙여넣은 ..
ETC 2023. 7. 10. 15:55
프론트엔드 신입 기술 면접 문제 은행 TOP20

1) 자신의 강점과 약점은 무엇인가요? 저의 강점은 새로운 기술에 대한 열린 마음과 적극적인 학습 태도입니다. 또한, 문제 해결 능력과 논리적 사고 능력도 강점 중 하나입니다. 반면에 제 약점은 디테일한 부분에 대한 주의 부족입니다. 이를 보완하기 위해 더욱 신중하게 작업하고, 팀원들과 함께 코드 리뷰를 진행하는 등의 방법을 사용하고 있습니다. -> 자신의 약점에 대한 보완을 얼마나 성실하고 지속적으로 하고 있는지에 대한 내용이 중요합니다. 2) 어떤 프레임워크를 사용하여 개발했나요? 왜 그 프레임워크를 선택했나요? 저는 React를 선호합니다. 이유는 React가 사용자 인터페이스 구축과 관리를 쉽게 할 수 있는 사용자 측 라이브러리이기 때문입니다. 또한, 리액트 컴포넌트는 모듈화를 통해서 개발 생산성..
ETC 2023. 6. 29. 20:51
리액트 설치하지 않고 사용하기

노마드코더 니꼴라스 ReactJS로 영화 웹 서비스 만들기에서 React.js를 설치하지 않고 쓰는 모습을 보았습니다. https://www.unpkg.com/ UNPKG UNPKGunpkg is a fast, global content delivery network for everything on npm. Use it to quickly and easily load any file from any package using a URL like:unpkg.com/:package@:version/:file Examples Using a fixed version: You may also use a semver range or a www.unpkg.com 1. unpkg사이트에 들어가서 형식에 맞게 url을 긁..
React.js 2023. 5. 13. 14:21
WebDevCurriculum / 웹 어셈블리의 기초

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다 Introduction 이번 퀘스트에서는 2021년 현재 웹 프론트엔드의 많은 최신 기술 중 웹 어셈블리에 관해 알아보겠습니다. Checklist 웹 어셈블리란 어떤 기술인가요? 웹 어셈블리(WebAssembly)는 웹 브라우저에서 실행되는 이진 형식의 가상 머신입니다. 웹 어셈블리는 C, C++, Rust, Go 등의 언어로 작성된 코드를 웹 브라우저에서 실행할 수 있도록 하기 위해 개발되었습니다. 이는 기존의 JavaScript 엔진을 대체하는 것이 아니라, 보조적인 역할을 수행하여 더욱 빠르고 안전한 웹 애플리케이션을 만들 수 있도록 지원하는 기술입니다. 웹 어셈블리 모듈을 웹 프론트엔드 ..
ETC 2023. 5. 10. 10:48
WebDevCurriculum / 프로그레시브 웹앱

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 2021년 현재 웹 프론트엔드의 많은 최신 기술 중 프로그레시브 웹앱에 관해 알아보겠습니다. Checklist 웹 어플리케이션을 프로그레시브 웹앱 형태로 만들면 어떤 이점을 가질까요? 프로그레시브 웹앱(PWA)은 모바일 앱과 웹 사이의 중간 형태로, 네이티브 앱과 유사한 사용자 경험을 제공하는 웹 어플리케이션입니다. PWA로 웹 어플리케이션을 만드는 것은 다음과 같은 이점을 가질 수 있습니다: 오프라인 사용 가능성: PWA는 서비스 워커라는 기술을 사용하여 오프라인에서도 동작할 수 있습니다. 이것은 사용자가 인터넷 연결 없이도 앱을 사용할 수 있다는 것..
ETC 2023. 5. 10. 10:37
WebDevCurriculum / 번들링과 빌드 시스템

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 현대적 웹 클라이언트 개발에 핵심적인 번들러와 빌드 시스템의 구조와 사용 방법에 대해 알아보겠습니다. Checklist 여러 개로 나뉘어진 자바스크립트나 이미지, 컴포넌트 파일 등을 하나로 합치는 작업을 하는 것은 성능상에서 어떤 이점이 있을까요? 여러 개로 나뉘어진 자바스크립트, 이미지, 컴포넌트 파일 등을 하나로 합치는 것은 웹 애플리케이션의 성능 향상에 도움이 될 수 있습니다. 감소된 HTTP 요청 수: 파일을 하나로 합치면 브라우저가 서버에 보내는 HTTP 요청 수가 줄어듭니다. HTTP 요청은 웹 페이지 로딩 시간의 주요 원인 중 하나이므로 이..
ETC 2023. 5. 10. 10:26
WebDevCurriculum / 컴포넌트 기반 개발

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 Vue.js 프레임워크를 통해 컴포넌트 기반의 웹 클라이언트 개발 방법론을 더 자세히 알아보겠습니다. Checklist Vue.js는 어떤 특징을 가지고 있는 웹 프레임워크인가요? Vue.js는 가벼운 웹 프레임워크로, SPA(Single Page Application)를 개발하기 위해 설계되었습니다. Vue.js는 다음과 같은 특징을 가지고 있습니다. 리액트와 앵귤러에 비해 가볍습니다. MVVM(Model-View-ViewModel) 패턴을 기반으로 합니다. 가상 DOM(Virtual DOM) 기반의 빠른 렌더링 속도를 가지고 있습니다. 컴포넌트 기반..
ETC 2023. 5. 10. 10:08
WebDevCurriculum / 자동화된 테스트

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 자동화된 테스트에 어떤 장점이 있는지, 어떤 식으로 구축할 수 있는지에 대해 알아보겠습니다. Checklist 자동화된 테스트를 만드는 것에는 어떤 장점과 단점이 있을까요? 장점: 시간과 비용 절감: 자동화된 테스트는 사람이 수작업으로 수행하는 테스트보다 더 빠르고 정확하게 실행됩니다. 이는 시간과 비용을 절감할 수 있습니다. 일관성: 자동화된 테스트는 일관적인 방식으로 수행됩니다. 이는 사람이 수작업으로 테스트를 수행할 때 발생할 수 있는 실수와 오류를 최소화합니다. 더 넓은 범위의 테스트: 자동화된 테스트는 더 많은 테스트 케이스를 더 빠르게 실행할..
ETC 2023. 5. 10. 09:38
이전 Prev 1 2 3 4 5 6 7 8 Next 다음