해당 질문들은 제 이력서/포트폴리오를 기준으로 받은 기술면접 질문들입니다.
저는 풀스택 개발자로 프로젝트를 진행한 이력이 많았기에 백엔드 관련 질문들도 간간히 받았으니 백엔드 관련 질문들은 이정도로 나오구나 정도로 참고하시기 바랍니다.
프론트엔드 기술 면접 질문 모음
- 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 각각의 차이가 무엇인가요?
- 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 값을 넣어 줘야하는 이유가 뭔가요?
- 하이 오더 컴포넌트에 대해 설명해주세요.
👍