Front Interview

Front-Interview

내가 직접 정리해보는 프론트엔드 기술 면접 리스트 ?

• 오탈자나 수정해야되는 부분있으면 언제든 pr, 또는 이슈 등록해주세요.

? Contributors

? CS(Computer Science)

? Overall

• 주소창에 URL 입력하면 벌어지는 일
• 동기(Synchronous)와 비동기(Asynchronous)
• 함수형프로그래밍(Functional Programming)
• 폭포수(Waterfall) vs 애자일(Agile)
• 컴파일러, 트랜스파일러, 폴리필

? 알고리즘과 자료구조

• 빅오(Big-O)표기법

? WEB Browser

• 쿠키(Cookie)와 세션(Session) 그리고 웹 스토리지(Web Storage)
• 캐시(Cache)

? 운영체제(OS)

? 네트워크(Network)

• HTTP와 HTTPS
• HTTP/1.1 vs HTTP/2.0 vs HTTP/3.0
• DNS(Domain Name System)
• TCP와 UDP
• 유니캐스트/브로드캐스트/멀티캐스트
• 웹 서버와 WAS
• CORS(Cross-Origin Resource Sharing)

? 프론트엔드 전반

• 브라우저 렌더링 과정
• 프레임워크(Framework)와 라이브러리(Library)
• REST(Representational State Transfer) API
• JSON(JavaScript Object Notation)
• V8 엔진
• require vs import

? HTML

• DOCTYPE
• viewport

? JavaScript

️ 초급

• 자바스크립트란? & 일급 객체 & 컴파일/인터프리터 언어
• 헷갈리는 용어(값, 리터럴, 표현식, 문, 토큰)
• 문서 객체 모델(Document Object Model:DOM)
• var, let, const (with.호이스팅)
• 이벤트 위임(with. bubbling, Capturing)
• 자바스크립트 부동소수점 계산 문제
• 객체 프로퍼티 접근법(마침표 접근, 대괄호 접근)
• 원시 타입 vs 객체(참조) 타입
• 함수: 값에 의한 호출(call by value), 참조에 의한 호출(call by reference)
• 콜백 함수와 고차 함수

️ 중급

• 스코프(Scope)
• 호이스팅(Hoisting)
• 이벤트 루프(Event Loop)
• 클로저(Closure)
• 실행 컨텍스트(Execution Context)
• Ajax(Asynchronous JavaScript And XML)
• 프로미스(Promise)
• XMLHttpRequest와 Fetch
• async/await

️ 심화

• 자바스크립트 가비지 컬렉션
• 이터러블/이터레이터, 제너레이터

? React

• CSR (Client Side Rendering) vs SSR(Server Side Rendering)
• 리액트 vs 뷰 vs 앵귤러
• JSX (JavaScript XML)
• 자주 사용하는 리액트 훅 (React Hooks)

? React 심화

• UseState는 비동기/배치 처리된다.
• React 재조정(Reconciliation), Virtual DOM 비교
• ErrorBoundary

? TypeScript

• 타입스크립트란?
• 타입스크립트 기본 타입 및 자주 사용하는 유틸리티 타입
• 타입스크립트 typeof/keyof