주니어 개발자들이 더 편하고 더 쉽게 공부할 수 있는 환경을 만들려고 합니다.
프론트엔드 개발자를 위한 개발지식/인터뷰를 요약해서 모아둔 repo입니다.
중요한건 단순히 질문/답변을 외우는 것이 아니라 해당 키워드를 정말로 이해하는 것 입니다.
2024.9.10 질문 업데이트, 추가
2023.10.20 질문 수정, 추가
2022.7.18 리액트 질문 추가
2022.3.21 자료 대량 추가
2022.3.6 repo생성
목차를
클릭하면 항목으로 이동합니다.
모르는 개념은 꼭 정확히 이해하고 넘어가는 습관을 길러야 합니다.
async / await 의 사용 방법
var / let / const에 대한 설명
Promise에 대한 설명, Callback function과의 차이
이벤트 버블링과 이벤트 캡쳐링
자바스크립트 호이스팅(Hoisting)
프로토타입에 대해서 설명
this에 대한 설명과 apply,call,bind에 대한 섦명
클로저(Closure)와 Lexical Environment
실행 컨텍스트는 무엇인가? 어떻게 작동하는가. 이벤트 루프와 테스크 큐,콜 스택에 대한 설명
WebApi는 무엇인지?
Dom은 무엇을 말하는 것? Dom Tree에 대한 설명
Callback Hell의 해결방법
Shallow copy 와 Deep copy, Call by ref / Call by value?
Ajax? 비동기통신은 무엇이고 왜 사용하는지?
Fetch? Axios? 무엇인지
SPA에 대한 설명
ES6에 오면서 변화한 점
Babel과 Webpack에 대한 간단한 설명,개념
타 프로그래밍 랭귀지 배열과는 다른 자바스크립트 Array의 장단점
함수형 프로그래밍이란?
브라우저가 렌더링 되는 순서
자바스크립트 가비지 컬렉터 작동 방식,알고리즘
null vs undefined 무슨 차이인지?
익명함수, 무엇이고 왜 사용하는지
Scope Chaining?
use strict? 개념과 장단점
커링 개념과 설명, 함수형 프로그래밍에서 커링의 용도
객체와 배열에 대한 디스트럭팅 문법에 대한 설명
고차함수란?
자바스크립트에서 클래스와 함수의 차이
TDD는 무엇인가요?
서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)의 차이점과 각각의 사용 사례를
자바스크립트 모듈 시스템(CommonJS, ES Modules)에 대해 설명
웹 폰트 최적화 전략과 폰트 로딩이 웹 성능에 미치는 영향
JavaScript의 메모리 누수(Memory Leak)가 발생하는 상황과 이를 진단하고 해결하는 방법
이벤트 위임(Event Delegation)의 개념
get,post,patch,delete? get과 post의 차이는?
http와 https의 차이점
CSR과 SSR 비교
CORS
크로스 브라우징?
브라우저의 동작원리 간단하게 설명
쿠키와 세션, 로컬스토리지에 대한 설명
웹 프로토콜은 무엇인지? http는 뭘 의미하나?
Api가 무엇인가? RESTful한 Api는 도대체 무엇인가?
TCP와 UDP의 차이점
Iaas,Saas,Paas 간단한 개념
JSON과 XML은 무엇인가?
HTTP 서버 응답코드 (200번 400번 500번대 간단히)
http header와 body에 들어가는 내용들에 대한 설명
클라우드 스토리지에 대한 설명, 사용경험
OSI 7계층
CDN(Content Delivery Network)의 작동 원리
Lazy Loading...?
웹 접근성이 무엇인지, 예시는?
Virtual Dom을 왜 사용하는건지
Virtual Dom 작동원리
상태관리는 무엇인가?
상태관리 라이브러리(redux 등)에 대한 설명
스타일 컴포넌트,테일윈드등의 대한 설명
컴포넌트가 뭘까?
NextJS...?
JSX...?
(React)React Router에 대한 설명
(React)Context API에 대한 설명
(React)useEffect,useCallback,useReducer,useRef,useMemo 에 대한 설명과 각각 예시
(React)그냥 state를 바꿔버리지 않고 굳이 useState를 쓰는 이유
(React)Styled Component?
(React)Hooks는 무엇인가? 사용하는 이유는?
(React)렌더링 성능 향상을 위해서 고려해야 하는 사항
(React)리액트 라이프사이클? 각각 라이프 사이클 설명
(React)props는 무엇인가
(React)Props Drilling ...? 무엇이고 어떤 영향을 미치는지
(React)state와 props의 차이점
(React)렌더링 성능을 향상할 수 있는 방법이 있을까?
(React)그래서 React 쓰는 이유와 진짜 장점은?
(React)Element와 Component의 차이점?
(React)불변성에 대한 질문, 불변성이 무엇인지
클래스형 컴포넌트와 함수형 컴포넌트의 차이
PWA의 개념과 사용예제
프로세스와 스레드는 무슨 차이일까 PCB가 무엇?
데드락의 개념, 발생조건과 해결방법
CPU 스케줄링?
뮤텍스와 세마포어
멀티스레드,멀티프로세스 개념 장단점
컨텍스트 스위칭?
가상 메모리의 개념과 페이징 시스템
OOP에 대한 설명,장단점,특성
클래스와 인스턴스의 개념
고급언어와 저급언어
인터프리터와 컴파일러의 차이 그리고 그 예시
스택과 큐에 대한 설명과 예시
DFS,BFS 에 대한 설명
이분탐색에 대한 설명
DP 에 대한 설명
시간복잡도와 공간복잡도?
그리디 알고리즘 무엇이고 언제 쓸수 있는지
익숙한 정렬 알고리즘 한두개 정도 설명
JS 에서 자주 사용하는 디자인 패턴?
리팩토링이 무엇인가? 레거시 코드는 뭘까
트리(Tree)와 그래프(Graph)의 차이점과 공통점
함수형 프로그래밍에 대한 설명과 예시
1분 자기소개
(비전공자) 개발자를 하려는 이유
개발자로서 5년후 목표
회사에 기대하는 점
본인이 생각하는 이상적인 개발자 상
- 어쨌든 이벤트 루프는 무엇입니까? | Philip Roberts | JSConf EU
- JavaScript로 함수형 프로그래밍 배우기 - Anjana Vakil - JSUnconf
- Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015
- async function
- await ?
- async와 await를 사용하여 비동기 프로그래밍을 쉽게 만들기
- async와 await (javascript.info)
- 1인 기술 스타트업의 아키텍처 스텍
- 디자인 패턴들
- 러스트 가이드북(한글판)