useMemo

• memo(Memoization)
  • 동일한 값을 리턴하는 함수가 있을 때 반복적으로 호출해야 될 경우 맨 처음 값에 메모리를 저장해서 필요할 때 마다 다시 함수를 호출하지 않고 메모리에서 꺼내서 재사용하는 기법
  • 캐싱과 비슷하다.
  • useMemo를 남용하면 메모리를 소비하기 때문에 성능에 무리가 갈 수 있다.

기본 사용법

const temp = useMemo(() => {
    function();
}, [])

• temp의 값이 메모리의 값과 동일하다면 function() 함수를 실행시키지 않는다.
• 의존성 배열안에 들어나는 값이 업데이트 될 때만 useMemo안의 콜백함수를 실행시킨다.