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

오해성·2020년 12월 6일
94
post-thumbnail

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

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

  1. Basic question
  • es6문법 중 let, const, var의 차이점을 설명해 주세요.
  • this가 무엇인지 설명해 주세요.
  • js호이스팅이 무엇인가요?
  • 일반함수와 화살표형 함수의 차이점이 무엇인지 설명해주세요.
  • null와 undefiend의 차이점이 무엇인가요?
  • js에서 이벤트루프가 무엇인지 설명해주세요.
  • 이벤트 루프를 실무에서 사용한 경험을 말해 주세요.
  • 이벤트 루프를 활용해서 js 성능 최적화 경험이 있으신가요?
  • 버블링, 캡쳐링에 대해 설명해주세요.
  • 버블링은 기본적으로 자식에서 부모 엘리먼트로 이벤트가 전달되는 것을 말하는데 a => b => c 순으로 전달 되는 것을 b => c => a로 전달 되게 하려면 어떻게 해야 하나요?
  • 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에 대해서 설명해 주세요.
  • html에서 script 태그를 어디서 위치해서 사용하며 따로 설정 해줘야 하는 것은 무엇이 있나요?
  • babel을 크로스 브라우징의 예 말고 다른 예로 설명해 주세요.
  • 시멘틱 태그에 대해 아는 대로 설명해주세요.
  • react에서 주로 맵 또는 반복문 함수로 컴포넌트 아이템의 리스트를 구현하는데 이때 각 컴포넌트 마다 id 값을 설정해 줘야 합니다. id 값을 넣어 줘야하는 이유가 뭔가요?
  • 하이 오더 컴포넌트에 대해 설명해주세요.

10개의 댓글

comment-user-thumbnail
2020년 12월 8일

👍

1개의 답글
comment-user-thumbnail
2021년 1월 15일

멋져요!

1개의 답글
comment-user-thumbnail
2021년 1월 19일

대단한 질문 모음이네요 감사합니다!

1개의 답글
comment-user-thumbnail
2022년 4월 27일

유용한 정보 감사합니다
제 블로그에 링크 남겨도 될까요?

1개의 답글
comment-user-thumbnail
2022년 11월 12일

공유 감사드립니당

답글 달기