Jaeskim


  • Symentic markup이란 무엇인가? 본인이 태그를 선택하는 사고의 흐름에 대해서 설명해달라.
  • 자바스크립트

  • 자바스크립트의 성능/퍼포먼스 향상에 대해 고민해 본 경험이 있나?
  • 이벤트 루프에 대해서 어디까지 알고 있나? 콜백이 실행되는 시점과 순서에 대해 알고 있는가? tick에 대해 들어본 적 있나?
  • 자바스크립트의 메모리 누수를 신경써 본 적이 있나? 누수 발생을 어떻게 확인하고, 디버깅했나? 메모리 단편화(Fragmentation)에 대해 들어본 적 있나? 어떻게 해야 방지할 수 있을까?
  • 클로저란 무엇인가? 써 본 경험이 있나? 언제 써봤나?
  • 비동기 함수를 언제 사용하나? 결정하는 기준이 있나? 싱글 쓰레드 언어에서 왜 비동기 함수가 성능향상의 요인으로 꼽힐까?
  • 타입스크립트

  • 자주 사용하는 유틸리티 타입들에 대해 설명해달라
  • 여러 개의 타입의 합집합인 하나의 타입을 어떻게 정제해서 처리하는지?
  • 타입스크립트의 모든 룰을 다 사용하는가? 해제하는 룰이 있다면 무엇이고 왜인가?
  • any와 as를 쓰는가? 사용하지 않는다면 노하우가 무엇인가?
  • 제네릭을 왜 써야 할까? 어떤 경우에 쓰나?
  • 프로젝트의 타입들을 디렉토리 차원에서 어떻게 관리를 하나? 모든 타입들을 한 곳에 모으는가? 모은다면어떤 방식으로 모으는가?
  • d.ts에 대해 아는가?
  • 타입의 확장자는 types 중간 확장자를 사용하는가? 사용한다면 types 이외에 사용하는 중간 확장자도 있는가?
  • 타입스크립트를 잘 쓴다는 것은 무엇인가?
  • 개발자 도구의 performance, lighthouse, memory 등의 기능을 쓸 줄 아나?
  • alias 키워드의 장점은 무엇인가?
  • NodeJS

  • npm 배포 경험이 있는가? 특정 라이브러리에 대해 의존성이 있다면, 이 라이브러리가 설치될 때 종속된 라이브러리들도 같이 설치된다고 봐도 될까? 그 라이브러리를 사용하는 프로젝트들의 라이브러리 버전과 다를 때 문제가 어떻게 생기지 않을까?
  • HTML/CSS

  • 권고안을 읽어본 적이 있나?
  • 웹 표준이란 무엇인가? 얼마나 알고 있나?
  • 웹 접근성에 대해 얼마나 아는가? 사례가 있나?
  • 클릭해야 하는 모든 것들에 button 태그를 적용하는가? 아니라면 어떻게 처리하는가?
  • aria 속성에 대해 들어본 적이 있나?
  • BEM 모델에 대해 들어본 적이 있나? Block 안의 element가 하위 element에 대해 다시 block일 경우 네이밍을 어떻게 처리해야 할까?
  • 다른 CSS 구조에 대해 들어본 적이 있나?
  • 상하나 좌우, 두 요소 사이에 마진이 필요할 경우 어떤 선택자로 적용시켜야 할까?
  • CSS in JS와 CSS in CSS의 차이에 대해 아는가?
  • clearfix 문제란 무엇이고 어떻게 해결 가능한가?
  • 크로스 브라우징 때문에 고생한 경험이 있나?
  • 리액트

  • Angular, Vue, Svelte와 리액트의 차이는 무엇인가?
  • CRA를 쓰나? 안 쓰고 세팅한 경험이 있나?
  • 컴포넌트를 직접 코딩하나? 사용하는 generate 라이브러리가 있나?
  • 프론트엔드 컴포넌트의 테스트는 어떤 방식으로 하나? 무엇을 주의해야 할까?
  • 개발할 때 더미 데이터는 어떻게 확보하나? 라이브러리를 써서 그 때 그 때 확보하나? 아니면 json server를 만들고 json을 넣어두나?
  • Compnent가 리턴하는 타입은 무엇인가? 꺽쇠 괄호를 열고 <Component/>를 사용하는 것은 바벨이 어떻게 해석할까?
  • Component를 DOM에 append하는 방법을 아나?
  • HOC도 컴포넌트일까? 사용해 본 경험이 있나?
  • 개인적으로 어떤 프로젝트에든 사용하게 되는 패키지가 있다면 무엇인가?
  • 프로젝트 디렉토리 구조를 어떻게 가져가나? 컴포넌트 별로 디렉토리를 만드나? index.tsx를 사용하는가? 종속된 컴포넌트는 어떻게 처리하나?
  • util, HOC, structure, hooks의 구분 기준이 있나?
  • 리액트에서 무한스크롤은 어떻게 구현하나? 목록 전체를 리렌더링하지 않을 수 있는 방법이 있나?
  • setState는 어느 타이밍에 처리되는가? 컴포넌트 함수 중간에 실행해도 되는가? effect 처리 중간에서 발생한다면 이후 코드는 어떻게 되나? 연속적으로 사용할 경우 순서가 보장되는가? 보장할 방법은?
  • Thunk와 Saga에 대해 아는대로 설명해달라. 다른 리덕스 미들면접관이 본다 아메웨어를 사용해 본 경험이 있나?
  • 상태관리

  • redux를 써본 적이 있나? 상태란 뭘까? 왜 쓴다고 생각하나? 사용하면 뭐가 좋은가?
  • Flux에 대해 들어본 적이 있나?
  • 알고 있는 다른 상태관리 도구가 있는가? ContextAPI, redux, recoil, mobx는 어떤 기준에 의해 선택할 수 있나?
  • 리덕스에서 ActionType, ActionCreator, Reducer 작성을 위해 스트럭쳐를 어떻게 가져가나?
  • Security

  • CSRF와 XSS를 아는가? 예를 들어줄 수 있는가? 어떻게 대비해야 할까? 프론트엔드에서는?
  • CORS 이슈를 대응할 방법을 아는가?
  • ETC

  • GraphQL에서 데이터 소스를 구축해 본 경험이 있나? 데이터 소스는 1개여야만 할까?
  • PWA와 서비스 워커에 대해 들어본 적이 있는가? 어떻게 가능한가? 언제 유용한가?
  • Mutli-flexing이란 무엇인가?
  • 프론트엔드 엔지니어가 하는 일이 뭐라고 생각하나? 이 일을 왜 선택했나? 이 일을 잘하기 위해 뭘 해야 한다고 생각하나?
  • 요즘 관심있는 기술이 있는가?
  • 반응형 프로그래밍
  • 반응형 웹
  • 디자인 패턴
  • 웹팩
  • HTTPS
  • 스트럭쳐, 클린 스트럭쳐
  • Oauth