성능 성능 성능을 잡자 - useMemo( ) , useCallback( )

렌더링 성능을 위해 컴포넌트 최적화작업이 필요하다

크게 리엑트에선 컴포넌트 최적화를 위해 아래와 같은 리엑트 훅을 사용하고 있다

1. useMemo
2. useCallback

useMemo

Memo : 메모해논다 뭘? 동일한 함수의 호출이 #### 반복적이라면 그 결과값을 메모(저장) 해논다

=> "캐싱 "

함수형컴포넌트에서 훅을 쓴다는건 다들 알고 있는사실이다 이함수형 컴포넌트도 결국 함수이기때문에 렌더링시 컴포넌트함수가 재호출 되고 내부 변수는 렌더링시 재초기화 된다

const memo = useMemo(()=>{
	...
},[deps]);