useMemo

useMemo

1. useMemo

 - 복잡한 연산 or 계산이 필요한 값을 Memoization하여, 성능을 최적화하는 데 사용

    ※ Memoization : 이전에 계산한 값을 저장하여, 동일한 입력이 주어질 때, 다시 계산하는 대신, 저장된 값을 반환 

 - 특정 값이변경될 때만, 해당 값을 다시 계산하고, 그렇지 않은 경우, 이전에 계산된 값을 재사용할 수 있음

 

 2. 사용방법

const a = useMemo(() => {
  // 계산하고자 하는 값 or 연산
}, [b]);

 - [b] : 의존성 목록으로, 이 목록에 포함된 값들이 변경될 때에만 useMemo의 콜백 함수를 실행

    ※ 의존성 목록이 변경되지 않으면, 이전에 계산된 값을 재사용함

    ※ 의존성 목록 생략 시, useMemo의 콜백 함수는 한 번만 실행됨