useMemo() 를 사용해야 할 때

리액트 공식문서는 useMemo 에 대해
생성함수와 의존성 배열을 전달하면 메모이제이션 된 값을 반환한다고 설명한다.

위키백과에서 메모이제이션을 찾아보면,

메모이제이션(memoization)은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다.

 

라고 하는데, 다시 말해 한 번 생성한 컴포넌트를 메모리에 저장해서 사용하는 것이다.
메모리를 소모하지만 프로그램의 성능은 향상된다.

 

예를 들어,
동영상과 리스트가 함께 나오는 화면에서
리스트가 동영상 컴포넌트의 자식 컴포넌트일 때
동영상을 리로딩해도 리스트는 그대로 보여지게 하고 싶다면
useMemo 를 사용하면 되겠다.