useMemo를 사용해 함수 최적화

useMemo는 연산이 오래걸리는 함수의 호출 결과를 저장하고 동일한 param 값이 입력 되었을 때 캐싱된 결과를 반환하여 최적화 시켜준다.

1. useMemo 사용법

// 변경 전
const complicatedFnc = (a,b)=>{
  ~~~~~
}

// 변경 후
const complicatedFnc = useMemo((a,b)=>{
  ~~~~~
},[a,b])

param 인 a, b값이 동일 할 경우, 이전의 캐싱 데이터를 사용한다.