두 가지 방법이 있고 첫 번째 useEffect를 활용한 방법을 추천드립니다. 1. (추천) `useEffect`에 `useCallback`으로 정의한 함수를 종속성으로 넣고 useEffect 로
두 가지 방법이 있고 첫 번째 useEffect를 활용한 방법을 추천드립니다. 1. (추천) `useEffect`에 `useCallback`으로 정의한 함수를 종속성으로 넣고 useEffect 로직이 몇 번 실행되는지 확인해 본다. - 코드 참조 2. `React.memo`로 감싼 자식 컴포넌트를 만들고 `useCallback`으로 정의한 함수를 prop으로 받는다. 부모 컴포넌트에서 일부러 렌더링을 유발시킨 뒤 자식 컴포넌트에서 console.log('render')가 찍히는지 확인해본다. 이 경우, 만약 `useCallback`으로 메모이제이션된 함수가 변경되지 않았다면, 해당 함수를 prop으로 받는 자식 컴포넌트는 리렌더링되지 않아야 한다.