프론트엔드 개발자로 지원한 뒤 여러군데에서 면접을 보면서 받았던 질문을 정리해보았다.
특히 여러 번 받았거나 자주 나온 질문은 Bold와 //로 표시해놓았다.
알고있는 것이라 말하는 것의 격차가 커서 처음에는 질문 받았을 때 머리가 하얘지기도 했다.
계속 면접을 경험하다보니 단련되어서 대답봇처럼 대답을 수월하게 할수 있게 되었다. 또한, 면접을 통해서 다양한 개념과 기능, 문제해결방법에 대해서도 알수 있어서 좋았다.
이력서 기반
- 자기소개
- 최근 관심있는 기술은?
- 왜 비전공자인데 개발자가 되었는지?(직무전환 동기) ///
- 압박이 있었던 경험?
- 사수가 어떤 분이였으면 좋겠는지?
- 좋은 코드란?
- 새로운 기술을 어떻게 배우는지? //
- 회사내에 있으면 좋겠는 문화는?
- 의견을 직접적으로 말하는지, 간접적으로 말하는지
- 본인의 엣지 포인트는 무엇인지
- 관심있는 활동
- 가장 친한 커뮤니티
- 가장 많이 쓰는 앱 / 인상깊었던 기능
- 회사선택 기준 //
- 업무강도가 쎈데 어떻게 생각하는지?
- 동기부여를 어떻게 받는지?
- 5년뒤 혹은 앞으로의 목표 //
기술문제
자바스크립트
- callback, promise 차이
- async/ aswait 설명 및 사용하는 방법
- 클로져
- 호이스팅
- 바닐라 스크립트를 사용해서 프로젝트를 해본 적은 있는지?
- 바닐라 스트립트가 아닌 spa를 쓰는 이유?
- 1) 개발 생산성 2) 성능(virtual Dom)
- CSR 과 SSR에 대해 설명 및 비교 //
- Next.js 사용해보았는지?
- 쿠키, 세션, 로컬스토리지 //
- CORS가 무엇이고 어떻게 해결했는지?
- 1) 백엔드에 헤더 추가 요청 2) 프록시 서버사용
- 프록시는 어떤 거 썼는지?
- 시큐어 코딩/ 보안해본적 있는지?
- restful API에 대해 설명 //
- 사람들이 restful API를 사용하는 이유?
- 장점: 가독성이 좋고 목적이 뚜렷, 단점: 표준화된 기준이 없음
- 자바스크립트(스크립트언어)와 타입스크립트(컴파일 언어)의 차이
- 스크립트는 코드를 한줄씩 실행, 컴파일 언어: 번역과 실행이 따로 번역을 다 마친 뒤 실행 / 속도측면: 실행속도는 컴파일이 승
기능
- 무한스크롤 이전 페이지 스크롤 위치 기억하게 짜는 방법
- 페이지 위치와 스크롤 숫자를 저장해놓은 다음 불러와서 사용 but 이전데이터가 새로 가져왔을시 동일 데이터라는 보장이 있나?
- 캐시된 데이터 업데이트 하는 방법?
- 장바구니 수량 100번 요청시 효율적인 업데이트 방법?
- debounce: 함수가 여러번 호출시 일정시간 지나고 마지막 함수만 호출되도록 / throttle: 함수가 지정된 시간동안 최대한번 호출
react
- redux에 대해 설명해주세요
- 왜 요새 redux를 안사용하는지? redux의 단점?
- 클래스형과 함수형의 차이
- redux-persist 어떤 스토리지로 구현했는지
기타
- grapQL에 대해 설명
- ERD 풀 네임/ ERD가 무엇인지?
- 관계형 DB/ 비관계형 DB의 예
프로젝트
- 프로젝트에 대해 설명
- 기획 배경 보다는 스펙에 대한 것들을 만들고 어떤것을 내가 했고 어떤 것을 해결했는지에 대해 구체적으로 설명하면 좋을 것 같다.
- 핵심 기능에 대해서 설명해주기, 거래
- 프로젝트의 핵심 기능?
- 프로젝트에서 맡았던 역할?
- 프레젠테이셔널/ 컨테이널과 atomic 디자인 패턴 차이
- 다음 프로젝트에서는 어떤 걸 사용할지?
- 팀을 어떻게 짰는지?
- 온라인으로 어떻게 진행했는지
- 온라인으로 진행하면서 커뮤니케이션 오?해?
- 의사결정은 어떤 식으로 이루어졌는지?
- 코드리뷰 왜 도입했는지?
- 협업을 하면서 어려웠던 점?//
- 협업과정중 대립이 있었던 적?
- QA는 어떻게 진행했는지?
- QA 하면서 발견한 어려움은 무엇이었는지
- atomic 패턴에 대해 어떻게 생각하는지 //
- 기여도에 대한 설명