doeunn.log

🔎 useMemo ? useMemo는 컴포넌트의 성능을 최적화시킬 수 있는 대표적인 react hooks 중 하나입니다. useMemo는 Memoization을 뜻합니다. ❓ Memoization Memoization(메모이제이션)은 기존에 수행한 연산의 결과값을 어딘가에 저장(캐싱)해 두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법을 말합니다. → 💡 연산의 결과값을 캐싱해 두고 재사용하기 위한 훅 함수! ❓ 언제 쓰는 걸까 함수형 컴포넌트는 렌더링 → Component 함수 호출 → 모든 내부 변수 초기화 순서를 거칩니다. Component가 렌더링이 될 때마다 value라는 변수가 초기화됩니다. 따라서 calcuate 함수는 반복적으로 호출됩니다. calcuate 함수가 cost가 높은 연산..