React.memo1 useCallback, useReducer, React.memo, React.Fragment의 개념 정리 서론 React Hooks의 개념들중 useCallback, useReducer, React.memo와 React.Fragment의 개념에 대해 공부한 내용을 정리해보았다. 본론 1. useCallback Memoization 기법으로 컴포넌트의 성능을 최적화 하기위해 사용한다. 반복적으로 계산해야되는 값이 있다면 이전의 값을 캐싱해둠으로 해당 값이 또 필요할 때 메모리에서 꺼내서 사용하는 형태이다. useMemo의 경우 인자로 콜백함수를 넣어주면 함수가 리턴하는 값 즉 아래의 thisValue를 Memoization 해준다 useMemo(() => { return thisValue }, [item]) useCallback의 경우 콜백함수 그 자체를 () => { return thisValue } Mem.. 2022. 7. 29. 이전 1 다음
