[study] 최적화를 위한 Memorization

최적화를 위한 Memorization :기존에 수행했던 연산, 결과들을 어딘가에 저장한 뒤 동일한 입력값인 경우 재활용하는 것

 

useMemo :

-첫 번째 인자 : 기억할 값을 리턴해주는 함수

-두 번째 인자 : dependency array

const variableA = useMemo(()=>{}, [])//useEffect와 비슷한 사용법

 

(예)              

export const ComponentA = (props)=>{

                          //props.a=1, props.b=2;

                          const variableA = useMemo(()=>{

                                                   return props.a+props.b

                                                   }, [props.a, props.b])

};

useCallback:

-첫 번째 인자 : 기열 할 함수를 리턴해주는 함수

-두 번째인자 : dependency array