Front-end 지식 목록

1. 홈페이지가 사용자에게 보이는 순서에 대해 설명해주세요. 주소창에 www.google.com 을 입력하면 어떤 일이 일어나나요?
2. 호이스팅에 대해 설명해 보세요.
3. 클로저의 원리와 사용하는 이유
4. margin과 padding에 대해 설명해주세요.
5. position을 어떻게 사용하는지 알려주세요.
6. Restful API에 대해 아는대로 설명해 주세요(GET, PUT, POST, PATCH, OPTION, DELETE)
7. this의 용법을 아는대로 설명해주세요
8. 브라우저 저장소의 차이점 (LocalStorage, SessionStorage, Cookie)
9. 자바스크립트는 어떤 언어인가요? -> 싱글 스레드 언어 
10. 하지만 실제 사용시에는 멀티 스레드처럼 사용하는데 어떻게 사용하나요?
11. 비동기적으로 실행이 되는 것을 동기적으로 코딩하는 방법이 있나요?
12. Event Loop에 대해 알고 있으신가요?
13. 마이크로 태스크 큐와 태스크 큐에 대해 말씀해주세요
14. 이벤트 버블링에 대해 말씀해 주세요
15. 이벤트 버블링은 기본적으로 child -> parent인데 반대로 구현하는 법은?
16. 이벤트 버블링을 막기 위한 방법은?
17. 이벤트 버블링을 잘 활용하면 어떻게 사용할 수 있을까요? 
18. 타입스크립트를 사용해본 적 있나요? 어떤지 말씀해주세요.
19. 실행문맥에 대해 설명해 주세요
20. 이터러블, 이터레이터 프로토콜에 대해 말씀해 주세요
21. 제네레이터에 대해 말씀해 주세요 
22. 객체 지향 프로그래밍이란 무엇인가요?
23. 자료구조 stack과 queue에 대해 설명해주세요 
24. 프로세스와 스레드에 대해 설명해 주세요
25. Promise와 Callback 차이를 설명해 주세요 
26. async, await 사용 방법을 설명해 주세요 
27. var, let, const의 차이를 설명해 주세요 
28. 이벤트 캡처링에 대해 설명해 주세요 
29. 렉시컬 환경(Lexical Environment)에 대해 설명해주세요
30. 자바스크립트의 데이터 타입에 대해 설명해 주세요 
31. 프로토타입에 대해 설명해 주세요 
32. 불변성을 유지하려면 어떻게 해야하나요?
33. Virtual DOM이 무엇인지 설명해 주세요
34. React를 사용하는 이유에 대해 말씀해 주세요 
35. 클래스형 컴포넌트와 함수형 컴포넌트의 차이에 대해 설명해 주세요 
36. 생명 주기 메서드에 대해 설명해주세요
37. 리액트에서 JSX문법이 어떻게 사용되나요?
38. useMemo와 useCallback에 대해 설명해주세요 
39. 리액트의 렌더링 성능 향상을 위해 어떻게 해야 하나요? 
40. React-query에 대해 설명해 주세요
41. Context API에 대해 설명해 주세요
42. Redux를 사용하는 이유가 무엇인가요? Redux의 장단점에 대해 설명해주세요 
43. Context API와 Redux를 비교해 주세요 
44. Webpack, babel, polyfill에 대해 설명해주세요
45. CSR과 SSR의 차이는 무엇인가요?
46. CORS는 무엇인지, 이를 처리해본 경험을 말씀해주세요 
47. 웹 표준을 지키며 개발하시나요? 
48. 이벤트 루프와 태스크 큐에 대해 설명해주세요
49. 웹사이트 성능 최적화에는 어떤 방법이 있나요? 어떤 것을 적용해 보았나요?
50. Cascading에 대해 설명해주세요
51. CSS 애니메이션과 JS 애니메이션의 차이에 대해 설명해 주세요
52. 좋은 코드란 어떤 것이라고 생각하시나요?
53. 새로운 기술을 습득하기 위해 어떤 방식으로 접근하고 계신가요?
54. HTML 렌더링 중 JS가 실행되면 렌더링이 멈추는데 이유가 무엇인가요?
55. SPA와 서버사이드 렌더링의 차이점은 무엇인가요?
56. require과 import의 차이점은 무엇인가요?
57. SASS, SCSS를 사용해본 적 있나요? 기존 CSS와 비교할 때 어떤면이 더 좋은가요?
58. ES6에서 arrow 함수를 언제 쓰나요? 왜 쓰나요? 
59. MVVM 모델에 대해 설명해 주세요
60. translate랑 absolute의 차이

---

[출처]

프론트엔드 개발자 기술면접 인터뷰 질문 모음(업데이트)

 

실제로 받은 프론트엔드 개발자 면접 질문 모음