memoization2 [React] useCallback - 함수 memoization 이 글은 별코딩의 React Hooks에 취한다 - useCallback 짱 쉬운 강의 | 리액트 훅스 시리즈영상을 정리한 글입니다. useMemo에 대한 개념을 익히고 useCallback을 공부하는 것을 추천합니다..!! 제가 작성한 블로그 글은 다음과 같습니다!! [핀테크 서비스 프론트엔드 개발자 취업 완성 2기/React] - [React] useMemo, memoization 공부하기! Memoization : 메모이제이션(memoization)은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. 동적 계획법의 핵심이 되는 기술 위키백과 1. useCallback 1-1. 개.. 2022. 8. 5. [React] useMemo, memoization 공부하기! 이 글은 별코딩의 React Hooks에 취한다 - useMemo 제대로 사용하기 | 리액트 훅스 시리즈영상을 정리한 글입니다. 1. useMemo 1-1. 기본개념 useMemo와 useCallback은 컴포넌트 최적화를 위해서 사용한다. useMeno에서 Memo는 memoization에서 온 말이다. 동일한 값을 리턴하는 함수를 반복적으로 호출할 때 처음 값을 계산할 때 그 값을 메모리에 저장해서 다음 호출에서 다시 계산하지 않고 재사용하는 기법을 말한다. 처음 계산할 때 그 값을 캐싱해둬서 필요할 때마다 캐시에서 꺼내서 사용하는 것이다. 함수형 컴포넌트는 함수이다!! 즉 렌더링이될때 component함수가 호출되고 모든 내부 변수가 초기화된다. 만약 무거운 작업을 하는 함수가 component가 .. 2022. 8. 3. 이전 1 다음