💻 Frontend Interview Handbook

💬 introduce

개발자로 취업을 준비하며 정리했던 내용을 공유하고자 합니다. 필수적으로 알면 좋은 기본 지식을 정리하였으니 도움이 되었으면 좋겠습니다. 해당 문서에 오류가 있는 경우 이슈를 남겨 주시면 감사하겠습니다. :)

---

🖥️ Front-end

• 브라우저 렌더링 원리

• 브라우저 저장소에 대해서

• DOM과 BOM에 대해서

• REST API에 대해서

• SPA & CSR & SSR에 대해서

• Reflow와 Repaint에 대해서

• CORS에 대해서

• 객체지향프로그래밍에 대해서

• MVC 패턴에 대해서

• 자바스크립트 엔진실행 과정

• NPM 이란?

• CI와 CD에 대해서

• 모듈 번들러와 트랜스파일러에 대해서

• HTTP methods 에서 GET 과 POST 방식의 차이점

📚 Javascript

• Javascript는 어떤 언어 인가요?

• CallStack (호출스택)

• 자바스크립트 브라우저 동작원리

• Call By Value

• undefined, null, undeclared 비교

• const 와 let의 호이스팅

• let 과 var의 차이점

• const의 immutable

• 함수: 함수선언문과 함수표현식의 차이 및 화살표 함수, 즉시 실행함수

• Javascript의 class와 Prototype

• 클로저(Closure)

• 얕은 복사와 깊은 복사

• 이벤트 버블링

• Javascript에서의 this

• 비동기처리의 개념과 중요성

• 콜백 함수 및 프로미스

• AJAX에 대해서

• 제너레이터에 대해서

• 이터러블과 이터레이터에 대해서

• map, forEach, reduce에 대해서

• Rest 연산자와 Spread연산자에 대해서

• ESM, CJS 모듈화 방법

• 자바스크립트 메모리 관리

• 자바스크립트에서 불변성 관련 메서드

• ES6 이후 추가된 기능

🌀 React

• React 정리

🌏 Network

• 네트워크 정리

🚙 OS

• 운영체제 정리

💾 Data Structure

• 자료구조 정리

✍️ Hand Coding

• 정렬
• 재귀

---

🚥 Others

• C++

---

준비하면 좋은 질문

• 프로젝트에 사용한 리액트 버전은?

• 프로젝트에 대한 설명은?

• 협업은 어떻게 진행했는가?

• 팀원과의 의사소통 방법은?

• 개발자로서의 목표는?

• 프론트엔드에서 필요한 역량은?

• 풀스택을 지향하는 이유는?