useMemo란?
const sorted = useMemo(() => heavySort(items), [items]);언제 쓰나
- 계산 비용이 큰 경우
- 참조 동일성이 중요할 때 (자식에 prop으로 넘길 때)
React Compiler 시대
React 19 Compiler가 자동 삽입해줘 직접 쓸 일 감소.
비싼 계산 결과를 캐시하는 React 훅. deps 변경 시에만 재계산.
const sorted = useMemo(() => heavySort(items), [items]);React 19 Compiler가 자동 삽입해줘 직접 쓸 일 감소.