230307- React - hook

오늘 내가 배운 것 1. useCallback 2. useMemo 3. memo 4. useContext 5. useReducer 컴포넌트 랜더가 될 때마다 함수형 컴포넌트 같은 경우에는 상태를 가지고 있는 함수 전체를 다시 실행시킨다. 그래서 컴포넌트 안에 로직이 많은 경우 오랜 시간이 걸릴 수 있다. 컴포넌트가 재실행되면서 안에 있는 함수들이 다시 만들어진다. 변화가 없는 함수나 컴포넌트를 재렌더하면서 불필요한 자원을 쓰기 때문에 많은 낭비가 생길 수 있다. 이러한 문제를 함수형 컴포넌트의 훅을 이용하여 방지할 수 있다. useCallback과 useMemo 훅을 이용하는 것인데, 이 두 가지의 훅의 목적은 같지만 반환 값이 다르다. useCallback의 경우에는 function 값을 리턴해주고, ..