[다시] 메모이제이션 Hooks (useMemo Vs useCallback)

useCallback과 useMemo는 모두 React에서 메모이제이션을 위해 사용하는 Hook이지만, 그 용도와 대상이 다르다. 1. 메모이제이션의 대상useCallback: 특정 함수(function)를 메모이제이션 -> 컴포넌트가 리렌더링될 때 동일한 함수 인스턴스를 재사용하고 싶을 때 사용 useMemo: 특정 값(value)을 메모이제이션  -> 연산 결과를 저장하여 불필요한 재계산을 방지하고 싶을 때 사용 2. 사용 목적 ✅ useCallback: 자식 컴포넌트에 전달되는 함수가 불필요하게 다시 생성되지 않도록 최적화하기 위해 사용합니다. 특히, 자식 컴포넌트가 React.memo로 감싸져 있을 때 효과적예시:const memoizedCallback = useCallback(() => { d..

2025.03.14