useMemo
-
[React] useMemo : 어떻게 Memoization 하는 것일까?Front-End/React 2024. 10. 25. 22:17
🍀목차글의 목적useMemo 문서 읽어보기실제로 측정해 보자코드 확인 글의 목적React로 함수 컴포넌트를 만들다 보면 자연스럽게 React Hooks들을 사용하게 된다. 그중에서도 useMemo는 React의 대표적인 성능 최적화 Hook이다. 어떤 값을 계산하는 데 오랜 시간이 걸린다면 유용하게 사용할 수 있다. 어떤 식으로 메모이제이션 하며, 실제로 어느 정도의 효율을 내는 지 궁금하여 측정해보았다.useMemo 문서 읽어보기문서 useMemo(calculateValue, dependencies) calculateValue : 캐싱하려는 값을 계산하는 함수. 순수해야 하며, 모든 타입의 값을 반환할 수 있어야 한다. React는 초기 렌더링 중에서 함수를 호출한 결과를 반환한다. 다음 렌더링에..
