[레퍼런스] 프론트엔드 면접 질문 모음

박송이·2022년 1월 26일
post-thumbnail

면접 질문 모음

프론트엔드 면접 질문 모음을 리스트업 + 링크 해두었습니다!

리스트

  • 브라우저 렌더링 원리
  • 호이스팅에 대해서 설명해 보세요.
  • 클로저는 무엇인가요? 원리와 왜 사용하는지 설명해 주세요.
  • CSS에서 margin과 padding에 대해서 설명해주세요.
  • position을 어떻게 사용하는지 알려주세요.
  • GET, POST가 어떻게 다르게 쓰는지 말씀해 주세요(주니어 기준, 시니어는 잘 안물어봄)

  • this의 용법 아는대로 설명해주세요.
  • 브라우저 저장소에 대해서 차이점을 설명해 주세요. ( Localstorage, SessionStorage, Cookie )
  • Restful API에 대해서 아는대로 설명해 주세요. ( GET, PUT, POST, PATCH, OPTION, DELETE )
  • Javascript는 어떤 언어인가요? -> 싱글 스레드 언어4-1 하지만 실제 사용시에는 멀티 스레드 처럼 사용하는데 어떻게 사용하나요?4-2 비동기적으로 실행이 되는 것을 동기적으로 코딩하는 방법이 있나요?
  • Event Loop 에 대해서 알고 있으신가요?
  • 이벤트 버블링에 대해서 말씀해 주세요6-1. 이벤트 버블링은 기본적으로 child -> parent 인데 반대로 구현하는 법은?6-2. 이벤트 버블링을 막기위한 방법은?6-3. 이벤트 버블링을 잘 활용하면 어떻게 사용할 수 있을까요?
  • 타입스크립트에 대해서 사용해 본적이 있나요? 어떤지 말씀해주세요.
  • 실행문맥에 대해서 설명해 주세요.(자주 물어보지는 않음 그러나 알아야 함)

  • HTML이 렌더링 중에 Javascript가 실행되면 렌더링이 멈추는데 그 이유는 무엇인가
  • 현재 Javascript 프레임워크를 사용하는 것과 그 선택을 한 이유.
  • 프로젝트를 진행할 때 어떤 Javascript 프레임워크를 선택할 것인가? 그 이유는?
  • 최근 사용되는 Javascript 프레임워크에 대해 차이점과 장단점? 언제 어떻게 사용해야 할까?
  • SPA와 서버사이드 렌더링의 차이점은 무엇인가요?
  • require와 import의 차이점
  • SASS, SCSS를 사용해본 적이 있나요? 기존 CSS와 비교할 때 어떤면이 더 좋은가요?
  • Javascript 성능 최적화를 위해 어떤 것을 적용해 보았나요?
  • Vue & React7-1 Vue와 React의 차이는 무엇인가요?
  • Vue 혹은 React를 사용해보셨다면 상태관리는 어떻게 구현하셨나요?
  • (Vue 면접관이라면) 라이프 사이클을 가볍게 설명해주세요.
  • Vue에서 양방향 데이터가 일어나는 원리에 대해서 말씀해주세요.
  • 무작위 데이터에 대해서 테스트는 어떻게 하시나요?
  • ES6 에서 Arrow 함수를 언제 쓰나요? 왜 쓰나요?
  • var let const 차이점
  • CORS를 대처하는 방법과 우회하는 방법
  • MVVM 모델에 대해서 설명해 주세요.

  • CSS에는 Box-model 이라는 것이 있습니다. 이때 width의 값을 차지하는 크기는 어떻게 될까요?
  • 이진트리에 대해서 말씀해 주시고 종류는 어떻게 될까요? 실제 적용해본 경험이 있나요?
  • git을 사용해보신 적이 있으신가요? 사용했다면 어떤식으로 사용했는지 말씀해 주세요.
  • HTTP 0.9/1.0 의 차이를 말씀해 주세요.
profile
☁️

0개의 댓글