memo vs useCallback1 👋국비 후기 모음👋 (이력도 확인 가능!) Memoization (React.memo, useCallback, useMemo) 메모이제이션(memoization)은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. - 출처 위키피디아 React에서는 메모이제이션을 세 가지 방식으로 할 수 있다. React.memo() - HOC useCallback() - Hook useMemo() - Hook React.memo React.memo는 HOC다. 동일한 props로 동일한 렌더링을 한다면, React.memo를 사용하여 성능 향상을 누릴 수 있다. memo를 사용하면 React는 컴포넌트를 렌더링하지 않고 마지막으로 렌더링된 결과를 재사용한다. App.js import Memo from './component.. 2022. 9. 28. 이전 1 다음
