직접 경험하며 질문 받은 기술면접 질문 모음

alskt0419·2020년 12월 6일
38
post-thumbnail

해당 질문들은 제 이력서/포트폴리오를 기준으로 받은 기술면접 질문들입니다.
저는 풀스택 개발자로 프로젝트를 진행한 이력이 많았기에 백엔드 관련 질문들도 간간히 받았으니 백엔드 관련 질문들은 이정도로 나오구나 정도로 참고하시기 바랍니다.

프론트엔드 주니어 기술 면접 질문 모음

  1. Basic question
  • es6문법 중 let, const, var의 차이점을 설명해 주세요.
  • this가 무엇인지 설명해 주세요.
  • js호이스팅이 무엇인가요?
  • 일반함수와 화살표형 함수의 차이점이 무엇인지 설명해주세요.
  • null와 undefiend의 차이점이 무엇인가요?
  • js에서 이벤트루프가 무엇인지 설명해주세요.
  • 이벤트 루프를 실무에서 사용한 경험을 말해 주세요.
  • requestAnimationFrame이 무엇인지 설명해주세요.
  • typescript를 사용한 이유가 무엇이고 사용했을때 장점이 뭔가요?
  • d.ts에 대해 설명해주세요.
  • Rest api에 대해 설명해 주세요.
  • HTTP 메서드가 무엇인가요? / POST와 UPDATE의 차이가 무엇인가요?
  • 본인이 알고 있는 자료구조를 있는 대로 설명해주세요.
  • array list와 linked list의 차이가 무엇인가요?
  • cookie, session storage, local storage 각각의 차이가 무엇인가요?
  1. In-depth technical questions
  • react를 사용한 이유가 무엇인가요? / react에 대해 간략히 설명해 주세요.
  • React component가 무엇인가요?
  • React를 최적화 하기 위해서 실무에서 진행한 작업이 있나요? 있다면 설명해주세요.
  • webpack에 대해 설명해 주세요.
  • 번들 최적화를 위한 작업은 무엇이 있나요?
  • babel-loader에 대해 설명해 주세요.
  • css에서 element요소를 중앙으로 배치 해주기 위해서는 어떻게 하면 좋을까요?
  • 애니메이션 구현 경험이 있으신가요?/ 애니메이션은 어떻게 구현하였나요?
  • 함수형 프로그래밍에 대해 설명해 주세요.
  • redux와 mobx의 차이가 무엇이라 생각하나요?
  • redux의 장점과 특징이 무엇인가요? / mobx의 장점과 특징이 무엇인가요?
  • 상태관리란? / 상태관리가 필요한 이유가 무엇인가요?
  • 유닛 테스트 경험이 있으신가요? 있다면 어떻게 진행 하였나요?
  • 라이브러리를 사용하기 전 무엇을 기준으로 라이브러리를 고르나요?
  • 잘하는 개발자가 무엇이라 생각하나요?
  • Next.js를 사용한 이유가 무엇인가요? / 사용했을때 오는 장점과 특징에 대해 설명해 주세요.
  • Next.js에서 로그인을 구현한다고 가정 했을때 그 과정을 설명해주세요. (token관리 포함)
  • seo에 대해서 설명해 주세요 / seo최적화를 위한 작업은 어떤게 있는지 설명해 주세요.
  • React Hooks에 대해 설명해 주세요.
  • React Hooks중 useCallback hooks에 대해 설명해 주세요.
  • useCallback을 순수 자바스크립트로 구현한다면 어떻게 구현할 수 있을까요?
  • 클래스형 컴포넌트와 함수형 컴포넌트의 차이가 무엇인가요?
  • Back-end에서 사용자의 비밀번호를 데이터베이스에 저장할 때에 sha-512를 사용하였는데 실제 로그인시 비교할때 암호화된 비밀번호와 데이터 베이스의 암호화 된 비밀번호를 비교 하는 작업은 결국 같은 데이터를 다루기에 암호화에 의미가 없지 않느냐? 이에 대한 해결이 무엇인가요? (암호화에 대한 제대로된 이해가 되었는지를 확인해 보는 질문이었다고 생각합니다. 또, sha-512가 단방향 암호화 작업인데 hash와 같은 작업은 하지 않았는지 궁금해 하셨던거 같습니다.)
  • 서버 인프라를 구성해 본적은 있으신가요? 경험이 있다면 자세히 설명해 주세요.
  • AWS-ec2를 사용하여 서버 배포를 하였는데 이유가 무엇인가요?
  • Nginx에 대해 설명해 주세요.
  • ssl이 무엇인지 설명해주세요.
  • aws에서 웹 빌드 파일을 배포하는 과정을 설명해주세요.
  • 서버 버그 모니터링은 어떻게 진행 하였나요?
  • Git flow에 대해서 설명해 주세요.

우선, 지금 당장 생각나는 대로 정리 해보았습니다. 거의 모든 질문은 이력서/포트폴리오에 있는 내용을 기준으로 질문을 받았습니다. 여러 회사에서 기술면접을 진행하며 느꼈던 것은 프론트엔드 주니어 개발자 기준으로 질문이 거의 다 비슷했다는 점입니다. 실제 자기가 썼던 기술/라이브러리에 대해 왜 사용했고 무엇이 장점이고 단점인지 정도만 공부하고 나머지는 구글에 실려 있는 많은 기술면접 관련 포스팅만 봐도 충분히 기술면접은 통과할 수 있다고 생각합니다.

ps) 지금은 3개월간 열심히 준비하고 수 많은 탈락을 맛본 끝에 프론트엔드 개발자로 취업하여 더욱 열심히 공부하고 있습니다! 면접을 준비하시는 모든분들께 행운이 함께하길 기원하겠습니다. :)

5개의 댓글

comment-user-thumbnail
2020년 12월 8일

👍

1개의 답글
comment-user-thumbnail
4일 전

멋져요!

1개의 답글
comment-user-thumbnail
약 10시간 전

공유 감사합니다 !

답글 달기