원티드 프리온보딩 프론트엔드 챌린지 4월 사전과제

[sena]

React Lifecycle에 대해 간단히 설명해주세요

• 리액트의 라이프 사이클은 컴포넌트가 브라우저에 나타나서 업데이트 되다가 사라지는 과정을 말합니다.
  이 과정을 각각 마운트, 업데이트, 언마운트 라고 부릅니다.

React18에서 업데이트 된 기능에 대해 설명해주세요

Suspense, SSR

• Suspense를 이용하면 페이지에서 원하는 부분을 묶어서 처리할 수 있습니다. 따라서 준비된 부분을 먼저 보여주고, 준비되지 않은 부분은 로딩 창을 보여주는 식으로 만들 수 있습니다. React 18에서는 SSR 방식에서도 Suspense를 이용할 수 있게 되었습니다.

자동 배치 도입

• setTimeout, Promise 등에서도 배칭 처리가 가능해졌습니다. 배칭을 원하지 않을 때에는 flushSync를 사용할 수 있습니다.

React18에서 추가된 hook들에 대해 설명해주세요

useTransition

• isPending과 startTransition을 반환하는 훅으로, 우선순위를 조절할 수 있습니다.
• isPending은 작업이 지연되고 있음을 알려주고, startTransition은 우선순위를 낮출 함수를 인자로 받아서 사용합니다.

useId

• 유니크한 id를 만들어주는 훅입니다.

요즘 관심있는 주제가 있다면 알려주세요

• next.js