React에서는 렌더링 시 발생되는 필요없는 작업들을 줄이기 위해 다양한 최적화 도구를 제공한다. 그 중 React의 메모이제이션을 도와주는 대표적인 도구가 useMemo(), useCallback(), React.memo이다.각각 메모이제이션하는 값이 다른데, 순서대로 이를 정리해보고자 한다. useMemo()우선 useMemo는 비용이 큰 연산에 대한 결과를 저장해 두고, 이 저장된 값을 반환하는 훅이다. 가장 흔하게 사용이 되는데, 첫 번째 인수로는 어떠한 값을 반환하는 생성 함수를, 두 번째 인수로는 해당 함수가 의존하는 값의 배열을 전달한다. useMemo는 렌더링 발생 시 의존성 배열의 값이 변경됐을 때만 함수를 재실행한다. 그리고 함수의 반환값을 저장한다. 이러한 useMemo의 메모이제이션..
