무거운 자식 컴포넌트가 같은 props를 자주 받는 경우
메모이제이션 경계
React.memo 적용 지점
memo는 렌더를 자동으로 없애는 장치가 아니라, 이전 props와 다음 props가 같을 때 컴포넌트 재실행을 건너뛰는 장치다.
객체, 배열, 함수 props가 매번 새로 만들어지면 비교가 깨진다.
Profiler로 실제 렌더 비용이 줄었는지 측정한다.
memo: 컴포넌트 경계
useMemo: 값 참조 안정화
useCallback: 함수 참조 안정화