메모화

메모화는 계산에 사용한 입력이 같을 때 이전 결과를 재사용해 같은 계산을 반복하지 않는 최적화 방식이다. React의 useMemo는 의존성 값이 이전 Render와 Object.is로 모두 같으면 직전 계산 결과를 재사용할 수 있다.

메모화에는 의존성 비교, 결과 보관과 코드 복잡도라는 비용도 있다. 계산이 충분히 비싸고 같은 입력으로 자주 다시 Render된다는 측정 근거가 있을 때 적용하고, 전후 시간을 다시 비교한다.

메모화 결과는 상태처럼 기능의 정답을 보관하는 저장소가 아니다. React가 캐시를 버려 다시 계산해도 같은 화면과 동작이 나와야 한다.