본문 바로가기
CS지식

[JS/React/FrontEnd] 프론트엔드 면접문제 part1(JavaScript)

by Alkaloid 2023. 5. 3.
반응형

이번에 백엔드에서 프론트로 전향을 하면서 기본 지식을 얻는게 좋다는 생각을 하였습니다.

그러기 위해서 책이나 유튜브 강의를 보는것 도 좋지만, 가장 좋은건 면접질문이라고 생각해요.

현업자들이 요구하는 최소한의 지식이 면접에서 나오기 때문이죠.

 

저는 React를 하는데 왜 js에 대한 문제일까요? 

바로 js를 이해하면 React가 보다 쉽기 때문입니다.

절대 React가 쉽다는것이 아니라, 아무지식이 없는거보단 사전 js지식이 있어야 쉽게 이해할수 있거든요!

 

정답은 다음 글에서 알려드리도록 하겠습니다.

아래 질문을 읽고 답변을 해보세요.

 

1. 자바스크립트의 기본 데이터 타입은 무엇인가요?


2. 변수 선언 시 var, let, const의 차이점은 무엇인가요?


3. 호이스팅(hoisting)이란 무엇인가요? 예시를 들어 설명해 주세요.


4. 자바스크립트에서 프로토타입 기반 상속(prototype-based inheritance)과 클래스 기반 상속의 차이점은 무엇인가요?


5. 자바스크립트의 실행 컨텍스트(Execution Context)와 스코프 체인(Scope Chain)에 대해 설명해 주세요.


6. 콜백 지옥(callback hell)이란 무엇이고, 어떻게 해결할 수 있나요?


7. 이벤트 버블링(Event Bubbling)과 이벤트 캡처(Event Capturing)에 대해 설명해 주세요.


8. 디바운싱(Debouncing)과 스로틀링(Throttling)의 차이점을 설명하고, 언제 사용되는지 알려주세요.


9. Promises와 async/await의 차이점과 장단점을 설명해 주세요.

 

반응형


10. 클로저(Closure)란 무엇이며, 어떻게 사용되나요?


11. 자바스크립트에서 this 키워드의 동작 방식을 설명해 주세요.


12. 이벤트 위임(Event Delegation)에 대해 설명하고, 어떤 경우에 사용되는지 알려주세요.


13. 동기(Synchronous)와 비동기(Asynchronous) 프로그래밍의 차이점을 설명하고, 자바스크립트에서 어떻게 사용되는지 예시를 들어 설명해 주세요.


14. 순수 함수(Pure Function)란 무엇인가요? 그리고 순수 함수를 사용하는 이유와 장점은 무엇인가요?


15. 자바스크립트에서 가비지 컬렉션(Garbage Collection)이란 무엇이며, 어떻게 동작하나요?

 

 

위 질문에 대한 답은 다음에 설명해 드리겠습니다.

반응형