Cache

참고 사이트 • 리액트 공식 문서 - useCallback • 별코딩님의 youtube - useCallback 강의 🪣 useCallback useCallback은 재렌더링 사이에 함수 정의를 캐시할 수 있는 React Hook이다. 📢 참조 useCallback 재렌더링 사이에 함수 정의를 캐시하려면 구성 요소의 최상위 수준에서 호출하면 된다. const cachedFn = useCallback(fn, [dependencies]); 📦 Parameters • fn: 캐시하려는 함수이다. 모든 인수를 취하고 모든 값을 반환할 수 있다. React는 초기 렌더링 중에 함수를 다시 반환한다(호출X). 다음 렌더링에서 dependencies가 변경되지 않은 경우 동일한 기능을 다시 제공하며, 그렇지 않다면 ..

참고 사이트 • 리액트 공식 문서 - useMemo 📝 useMemo useMemo는 재렌더링 간 계산 결과를 *캐시(Cache)할 수 있는 React Hook이다. 비용이 많이 드는 재계산을 건너뛰기 위하여 사용한다. *캐시(Cache): 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소로 데이터 접근하는 시간이 오래걸리거나 다시 계산하는 시간을 절약하고 싶은 경우에 사용 출처: Wikipedia 반환값을 캐싱하는 것을 메모이제이션(memoization)이라고도 하며, 이것이 이 Hook이 불리는 이유이다. 📢 참조 useMemo 재렌더링 간의 계산을 캐시하려면 구성 요소의 최상위 수준에서 호출한다. const cachedValue = useMemo(calculateValue, [depende..