목록React.memo (1)

꾸준히 성장하는 개발자

[React Hooks] useMemo() / useCallback() / useMemo() ↔ React.memo() 차이

컴포넌트 성능을 최적화 하기 위해 사용되는 useMemo, useCallback 이 있다 useMemo( ) 여기서 Memo는 memoization을 뜻하는데 동일한 값을 리턴하는 함수를 반복적으로 호출해야 한다면 맨처음의 값을 메모리에 저장해서 필요할때마다 다시 계산하지 않고 메모리에서 가져와 재사용하는 기법을 말합니다. memoization을 절적히 적용하면 중복 연산을 피할 수 있기 때문에 메모리를 조금 더 쓰더라도 애플리케이션의 성능을 최적화할 수 있습니다. useMemo는 메모리를 사용하면서 사용이 되기 때문에 불필요한 값까지 메모리에 넣게 되면 성능이 악화되기 때문에 꼭 필요할때만 사용하도록 한다. useMemo( ) 구조 const value=useMemo(()=>{ return calcul..
React 2022. 5. 24. 14:36
이전 Prev 1 Next 다음