← 질문 목록
#110깊이 0
계산 결과와 함수 참조는 언제 기억해야 하는가?
재계산 비용이 크거나 참조 안정성이 하위 최적화에 필요할 때만 기억한다. 값은 useMemo로, 함수 참조는 useCallback으로 유지한다.
| 기준 | useMemo | useCallback |
|---|---|---|
| 반환 | 계산한 값 | 함수 자체 |
| 주된 목적 | 비싼 계산 재사용 | 함수 참조 유지 |
의존성이 Object.is 비교로 같을 때 이전 결과나 참조를 재사용한다. 의존성을 빠뜨리면 함수가 오래된 상태를 잡는 문제가 생긴다.
둘 다 의미 보장이 아닌 성능 최적화다. 값 계산이 싸거나 소비자가 참조를 비교하지 않으면 메모리와 의존성 관리 비용만 늘어난다.
추천 꼬리질문
관련 질문
- React Hook을 사용하는 이유는 무엇인가?프론트엔드두 질문 모두 React의 렌더링 최적화와 관련된 메모이제이션(useMemo, useCallback) 개념을 다루고 있다.
- 리렌더링이 필요 이상으로 도는 이유는?프론트엔드계산 결과와 함수 참조의 기억(Memoization)은 리렌더링 횟수를 줄이기 위한 최적화 기법이다.
- 변경점을 비교하면 언제 비용이 줄어드는가?프론트엔드변경점 비교 비용을 줄이기 위해 계산 결과와 함수 참조를 기억(memoization)하는 기법을 사용한다.
- 자동 참조 계산인데 왜 메모리가 남는가?모바일
- useCallback과 useMemo는 각각 어떤 상황에서 사용하는가?프론트엔드