React Hook 렌더링 최적화

참고 자료

https://velog.io/@shin6403/React-%EB%A0%8C%EB%8D%94%EB%A7%81-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94%ED%95%98%EB%8A%94-7%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95-Hooks-%EA%B8%B0%EC%A4%80

주요 최적화 기법

React에서 렌더링 성능을 최적화하는 방법들을 정리한다.

• useMemo: 계산 비용이 큰 값 메모이제이션
• useCallback: 함수 메모이제이션
• React.memo: 컴포넌트 메모이제이션
• 컴포넌트 분리를 통한 리렌더링 범위 최소화