React 기술면접 1-6. useMemo

6. 리액트 컴포넌트의 렌더링 성능 향상에 쓰이는 React.memo에 대해 설명해주세요.

• 답변)
  • 의도 : 성능 최적화에 관심이 있는지 확인
  • 팁 : 사용 예시 들기
  • 모범 답안 : 리액트에서 컴포넌트가 리렌더링 되는 기준에는, 대표적으로 받아온 props의 변경이 있다. props 변경 시 하위 컴포넌트 모두가 리렌더링. 그런데 만약 props의 변경과 하위 컴포넌트의 리렌더링과 관련이 없다면 어떨까? 필요한 부분만 업데이트하고 나머지는 그대로 두기 위해서
    React.memo를 사용할 수 있다.
    예를 들어 리스트 렌더링에서 리스트 아이템에 React.memo를 붙이면
    리스트에서 변경된 부분의 아이템만 리렌더링하는 것이 가능해지고,
    리스트 전체를 리렌더링하지 않음으로써 성능을 최적화하는 것이다.

🎡 공식문서 useMemo

🪝 메모이제이션