[2024] 프론트엔드 면접 준비 질문 모음

 

실제로 제가 면접을 준비하면서 QnA 했던, 면접 준비 질문 리스트 모음입니다.

보실 분이 있으실 지 모르겠으나, 공유해가서 여러번 답을 찾아보며 기술면접 공부해보세요

 

 

HTML, CSS

SCSS에 대해 설명해주세요.

position 속성에 대해 설명해주세요.

 

display 속성에 어떤 것들이 있는지 설명해 주세요.

시맨틱 마크업에 대해 설명해주세요.

 

 Tailwind CSS 에 대해 설명해주세요

 

자바스크립트

this에 대해 설명해주세요. (call, apply, bind에 대해 설명해주세요.)

콜백 함수에 대해 설명해주세요.

 

콜백 지옥을 해결하는 방법을 설명해주세요.

 

Promise에 대해 설명해주세요.

 

Promise.all() 에 대해 설명해주세요.

 

Promise와 Callback를 비교 설명해주세요.

 

Async, Await이 뭔지 그리고 사용 방법을 설명해주세요.

 

Promise와 Async, Await의 차이를 설명해주세요.

 

var, let, const 차이를 설명해주세요.

 

이벤트 버블링과 캡처링에 대해 설명해주세요.

 

이벤트 위임에 대해서 설명해주세요.

 

호이스팅과 발생하는 이유에 대해 설명해주세요.

 

클로져(Closure)에 대해 설명해주세요.

동기와 비동기에 대해 설명해주세요.

 

타입스크립트

타입스크립트를 사용하는 이유에 대해 설명해주세요.

 

Type과 Interface의 차이점에 대해 설명해주세요.

 

리액트

Virtual DOM 이 무엇인지 설명해주세요.

 

Virtual DOM 작동 원리에 대해 설명해주세요.

 

라이프사이클에 대해 설명해주세요.

 

라이프 사이클 메소드에 대해 설명해주세요.

 

React Hooks에 대해 설명해주세요.

 

함수형 컴포넌트에서 클래스형 컴포넌트의 라이프 사이클 메소드를 비슷하게 사용하는 방법에 대해 설명해주세요.

Props Drilling에 대해 설명해주세요.

 

Props Drilling을 어떻게 해결할 수 있나요?

Key Props를 사용하는 이유에 대해 설명해주세요.

 

Context API에 대해 설명해주세요.

리액트에서 메모이제이션을 어떤 방식으로 활용할 수 있나요?

useMemo와 useCallback에 대해 설명해주세요.

Redux에 대해 설명해주세요.

Redux를 사용하는 이유에 대해 설명해주세요.

 

Redux의 장단점에 대해 설명해주세요.

 

Redux와 Recoil에 대해 비교 설명해주세요. (개념, 장단점)

 

 

zustand에 대해 설명해주세요

 

Jotai에 대해 설명해주세요

 

프론트엔드 전반

브라우저 렌더링 과정을 설명해주세요.

SPA와 MPA에 대해 설명해주세요.

 

CSR과 SSR의 차이는 무엇인가요?

 

CORS와 해결 경험을 말씀해주세요.

 

쿠키, 세션, 웹스토리지의 차이에 대해 설명해주세요.

 

 

로그인 처리를 할 때 쿠키와 세션을 어떻게 사용하시나요?

 

토큰 기반 인증 방식에 대해 설명해주세요.

 

JWT 토큰을 쿠키에 저장했을 때 취약점에 대해 설명해주세요.

 

크로스 브라우징에 대해 설명해주세요.

 

REST API에 대해 설명해주세요.

 

SEO에 대해 설명해주세요.

 

리플로우와 리페인트에 대해 설명해주세요.

 

SEO는 어떤 식으로 신경쓰셨나요?

 

어플리케이션의 성능은 어떤식으로 측정하셨나요?

 

주소창에 주소를 입력했을 때의 흐름을 설명해주세요.

 

네트워크

 

HTTP에 대해 설명해주세요.

 

HTTP의 GET, POST를 비교 설명해주세요.

 

HTTP의 Status Code에 대해 설명해주세요.

 

HTTP와 HTTPS의 차이점에 대해 설명해주세요.

 

프로젝트 관련

 

포트폴리오의 프로젝트와 담당하신 파트를 소개해주세요.

 

프로젝트에서 기술적으로 어려웠던 점과 해결 방법에 대해 설명해주세요.

 

프로젝트에서 협업은 어떤 식으로 진행하셨나요?

 

소셜 로그인 플로우에 대해 설명해주세요.

 

디자이너와 협업은 어떻게 진행하고 계신가요?

 

GraphQL API 나 REST API 구현한 적 있으신가요?

 

HR 및 컬쳐핏

 

자기소개 부탁합니다.

 

지원동기 부탁합니다.

 

이전 회사를 퇴사하신 이유가 뭔가요?

 

요즘은 어떤 공부를 하고 계신가요?

 

향후 커리어 적으로 목표가 있나요?

 

개발자가 되고 싶은 계기가 뭔가요?

 

프론트엔드를 선택한 이유는 뭔가요?

 

협업에서 기억에 가장 남는 상황에 대해 설명해주세요.

 

협업에서 어려웠던 경험이 있었나요?

 

최신 기술 트렌드는 어떻게 추적하시나요?

 

저희 회사에서 지원자를 뽑아야하는 이유가 있나요?

 

희망 연봉은 얼마나 되시나요?

 

저희 회사에 대해 궁금하신 점 질문해주세요.