[Javascript] 프론트엔드 신입 면접 질문 리스트

제가 면접 준비도하고 공부도 할 겸 여러 블로그를 돌아다니면서 모아본 프엔 면접 질문 리스트입니다.

노션에만 정리해놨었는데 저처럼 공부하시거나 면접 준비하시는 분들께 도움이 될 수 있을 것 같아 블로그에 정리해서 올립니다. 

아이콘이 표시된 질문은 여러번 중복돼서 나온 질문들이니 꼭 개념을 정리하시기 바랍니다!

- 로 표시된 질문은 꼬리질문입니다

 

추가할 질문들은 글 밑에 이어서 작성하도록 하겠습니다

 

 

1. 💛 호이스팅에 대해서 설명해 보세요.
2. 💛 클로저는 무엇인가요? 원리와 왜 사용하는지 설명해 주세요.
3. 💛 this의 용법 아는대로 설명해 주세요.
4. Javascript는 어떤 언어인가요? -> 싱글 스레드 언어
5. - 비동기적으로 실행이 되는 것을 동기적으로 코딩하는 방법이 있나요?
6. - 하지만 실제 사용 시에는 멀티 스레드처럼 사용하는데 어떻게 사용하나요?
7. Event Loop에 대해서 알고 있으신가요?
8. - 마이크로태스크 큐와 태스크 큐에 대해서 말씀해 주세요.
9. 💛이벤트 버블링에 대해서 말씀해 주세요
10. - 이벤트 버블링을 막기 위한 방법은?
11. - 이벤트 버블링을 잘 활용하면 어떻게 사용할 수 있을까요?
12. - 이벤트 버블링은 기본적으로 child -> parent인데 반대로 구현하는 법은?
13. 이벤트 캡처링에 대해 설명해 주세요
14. 이벤트 버블링과 이벤트 캡처링에 대한 예시를 들어주세요
15. 💛 실행콘텍스트에 대해서 설명해 주세요.(자주 물어보지는 않음 그러나 알아야 함)
16. 이터러블, 이터레이터 프로토콜에 대해 말씀해 주세요.
17. 💛 프로토타입에 대해 설명해 주세요
18. 💛 Promise와 Callback 차이를 설명해 주세요.
19. 콜백지옥을 해결하는 방법을 말씀해 주세요
20. 💛 async/await에 대해 설명해 보세요
21. - 비동기가 어떤 뜻인지 설명해 보세요
22. 제네레이터에 대해서 말씀해 주세요.
23. 현재 Javascript 프레임워크를 사용하는 것과 그 선택을 한 이유.
24. - 프로젝트를 진행할 때 어떤 Javascript 프레임워크를 선택할 것인가?
25. - 그 이유는?
26. - 최근 사용되는 Javascript 프레임워크에 대해 차이점과 장단점? 언제 어떻게 사용해야 할까?
27. SPA와 서버사이드 렌더링의 차이점은 무엇인가요?
28. 렉시컬 환경에 대해 설명해 주세요
29. 깊은 복사와 얕은 복사에 대해 설명해 주세요
30. 💛 불변성을 유지하려면 어떻게 해야 하나요?
31. require와 import의 차이점
32. Javascript 성능 최적화를 위해 어떤 것을 적용해 보았나요?
33. 웹사이트 성능 최적화에는 어떤 방법이 있나요?
34. ES6에서 Arrow 함수를 언제 쓰나요? 왜 쓰나요?
35. 💛 var let const 차이점이 무엇인가요?
36. “==”와 “===”의 차이는 무엇인가요?
37. 함수 선언형과 함수 표현식의 차이에 대해 설명해 주세요
38. 데이터 타입에 대해 설명해 주세요
39. 자바스크립트에서 일어나는 데이터 형 변환에 대해 설명해 주세요,
40. 자바스크립트가 유동적인 언어인 이유는 무엇인가요?
41. ES5에서 ES6로 올라가면서 변화된 내용
42. “attribute”와 “Property” 의 차이점은?
43. 자바스크립트는 프로토타입 객체지향인데 프로토타입에 대한 것을 알고 계시나요?
44. 그렇다면 프로토타입과 일반 객체지향 언어에서는 무슨 차이가 있을까요?
45. 이미 프로토타입이 존재하는데, 왜 자바스크립트는 클래스를 도입했을까요?
46. 자바스크립트의 클래스는 타 언어의 클래스와 무엇이 다른가요?