[FE] 기술면접 대비 답변 정리 I

Chaejung·2022년 8월 2일
0

기술면접대비_CS

목록 보기
4/8
  • SPA의 렌더링 기법 중 SSG가 SSR에 비해 성능이 좋은 이유는 무엇인가요?

    웹서비스를 렌더링해야하는 애플리케이션 측 서버가 추가적으로 있어야 하는 SSR과 달리 SSG는 웹 서버만 있어도 작동이 가능하여 더 가볍다.

  • polling, SSE, WebSocket 에 대해 설명해보세요

    polling: 하나의 장치(또는 프로그램)가 충돌 회피 또는 동기화 처리 등을 목적으로 다른 장치(또는 프로그램)의 상태를 주기적으로 검사하여 일정한 조건을 만족할 때 송수신 등의 자료처리를 하는 방식(출처: 위키백과)

    SSE: Server Sent Event, 서버로부터 자동으로 웹 페이지를 업데이트하는 것. (출처: w3schools)

    WebSocket: 사용자의 브라우저와 서버 간에 양방향 통신을 가능하게 하는 기술. (출처: mdn)

  • Redux의 상태를 변이하고 상태를 구독하는 컴포넌트가 리렌더링이 되기까지의 과정을 설명해보세요.

    Redux: React에서 가장 많이 사용되는 상태관리 라이브러리.
    1. 스토어 생성
    2. 컴포넌트의 스토어 구독: 구독하는 과정 중 특정 함수가 스토어에 전달된다. 스토어의 상태값에 변동이 생기면 전달 받았던 함수를 호출한다.
    3. 스토어에게 상태 변경 알림: 컴포넌트에서 어떤 이벤트가 발생해서 상태를 변화할 일이 생겼다. 이 때 dispatch라는 함수를 통해 액션을 스토어에게 전달한다.
    4. 컴포넌트 리렌더링

간단하게 답변을 요약해보았는데, 구체적인 설명에 대한 것은 추후 보충할 예정!

profile
프론트엔드 기술 학습 및 공유를 활발하게 하기 위해 노력합니다.

0개의 댓글