반응형 개발 공부/React1 [React] useMemo, useCallback는 언제 써야할까? useEffect vs useMemo, useCallback 프로그램의 사이즈가 커질수록 성능은 점점 더 중요해진다. 이러한 성능을 위해 React에서 사용하는 것이 useMemo, useCallback이다. 👀 useMemo란? useMemo는 memoization된 값을 반환한다. useMemo(() => callbackFn, [dependencies]) useMemo는 함수(callbackFn)를 호출하고 이 함수에서 리턴된 값을 리턴한다. useMemo를 호출할 때마다 dependencies를 먼저 확인한다. 이때 dependencies에서 바뀐 값이 없다면 캐싱된 값(이미 계산된 값)을 리턴하고, 바뀐 값이 존재한다면 다시 함수를 호출하고 새롭게 연산된 값을 리턴한다. 만약 useMemo에서 dependencies 배열이 없다면 매 렌더링마다 콜백 함수가.. 2022. 5. 8. 이전 1 다음 반응형