프론트엔드 면접 질문 앞으로 정리해나갈 것들 리스트

(분류 수정 필요)

 

 

자바스크립트

• async / await 사용법
• 호이스팅
• 클로저
• 비동기 함수
• Promise와 Callback 차이
• 콜백 지옥 해결법
• Promise를 이용한 비동기 통신과 async/await 사용한 비동기 통신 차이
• var, let, const 차이
• 함수 선언형과 함수 표현식의 차이
• 렉시컬 환경이란
• 실행 컨텍스트란
• 데이터 타입
• 형 변환
• 프로토타입
• 깊은 복사 & 얕은 복사
• 불변성 유지하려면?
• this
• requestAnimationFrame
• 제어 컴포넌트와 비제어 컴포넌트
• key props 사용 이유
• 왜 리액트 타입스크립트 사용

 

리액트

• 리액트 사용하는 이유
• CSR vs SSR
• 리액트 Virtual DOM
• 클래스형 컴포넌트와 함수형 컴포넌트 차이
• 이벤트 버블링과 캡쳐링, 이벤트 위임
• props와 state 차이
• pure component
• shouldComponentUpdate
• 생명 주기 메서드
• 리액트에서 JSX 문법 어떻게 사용되는가
• 왜 state 직접 사용하지 않고 useState 사용하는지
• useMemo와 useCallback
• 메모이제이션
• 렌더링 성능 향상 위해 어떻게 해야 하는가
• React-query
• useEffect 와 useLayoutEffect 차이
• Context API란

 

CS, Web, CSS 등등 ..

• RESTful api란?
• HTTP 메소드
• GET과 POST
• CSRF와 XSS 공격 막기
• 브라우저 렌더링 과정 or 원리
• 브라우저에 www.google.com 입력 시 일어나는 일
• DNS
• Webpack, Babel, Polyfill
• CORS
• 쿠키, 세션, 웹 스토리지 차이
• 로그인 처리 시 쿠키와 세션 어떻게 사용하는가
• 이벤트 루프와 태스크 큐 설명
• bundle 사이즈 줄이려면?
• 객체 지향 프로그래밍
• 프로세스와 스레드
• 웹 표준 및 접근성
• Static Site Generator
• 웹 소켓
• Flexbox
• Cascading
• CSS 애니메이션과 JS 애니메이션 차이
• position 속성 나열
• 스토리북
• TDD
• Flex와 Grid
• MVVM 패턴과 Flux 패턴 차이
• 스택과 큐

 

 

---

 

 

공부할 거 진짜 많네..

 

 

그 이력 관련 질문들

 

예를 들어 왜 퇴사했어요? 협업할 때 어떤지? 본인의 장단점? 이런 것들도 많이 물어본다