프론트엔드 직무 면접장에서 받았던 질문 목록들

웹/네트워크

• 사용자가 웹 서버로부터 파일을 전송 받기까지의 과정을 설명해봐라.
• CSR과 전통적인 렌더링 방식/SSR과의 차이를 설명해봐라.
• HTTP Status code에 대한 설명을 해봐라. 401과 403의 차이점은?

CSS

• Scss와 css-in-js 방식의 차이점 그리고 장/단점을 설명해봐라.

JavaScript

• TypeScript를 써봤는지?
• 정적 타이핑과 동적 타이핑의 차이점을 이야기해봐라.
• 동기 프로그래밍과 비동기 프로그래밍의 차이는 무엇인가?
• 콜백 지옥을 들어봤는지? 콜백지옥의 해결 방법은 무엇인가?
• ES6 이상의 문법을 사용해봤는지?
• 여러 개의 비동기 응답을 한 번에 받도록 처리하려면 어떻게 해야 하는지?

React/React Native

• SPA란 무엇인가? 기존 렌더링 방식과의 차이점은? 그리고 장점과 단점?
• Redux와 Redux-Thunk를 프로젝트에 쓴 이유는 무엇인가?
• 리액트 클래스형 컴포넌트를 사용해보았나? 함수형 컴포넌트와의 차이점은?
• Next.js를 써봤는가? 쓰는 이유는 무엇인지?
• 리액트 상태관리 라이브러리를 사용해보았나?
• 리액트에서 map 함수를 쓸 때, key property를 하위 태그에 추가해주는 까닭은?
• 리액트에서 ie 대응을 해봤는지?
• 얕은 복사(shallow copy) & 깊은 복사(deep copy)의 차이점은 무엇인가?
• 리액트 네이티브 개발에 관심이 있는지?

기타

• 스택과 큐의 차이점에 대해서 이야기해보아라.
• 웹팩과 바벨을 직접 설정해보았나?
• Express 외에 백엔드 프레임워크를 써봤는지?
• 웹서버와 WAS의 차이점은 무엇인가?
• 자바 언어의 특성을 알고 있는지?
• 리덕스의 3원칙은 무엇인가?
• 리덕스의 동작 방식에 대해서 설명해보아라.
• 기획자나 디자이너와 협업 해 본 경험이 있는지?
• Pull Request를 통해 코드리뷰 해본 적 있는지?
• TDD를 해본 적 있는지?
• 쓰로틀링과 디바운싱은 무엇이며, 서로 차이점은 무엇인지?