useCallback과 useMemo 사용하기

useCallback useCallback은 자주 볼 수 있는 hook인데, 사용처와 방법에 대해서 확실히 정리하기 위해서 글을 남기기로 하였다. 랜더링의 최적화를 위해서 사용되는 useCallback은 이미 랜더링되었던 동일한 함수라면, 다시 함수가 선언되지 않는다. useCallback은 콜백 함수를 memoization(메모제이션)하고, 의존성이 변경되었을 때만 메모제이션된 함수의 버전이 변경된다. useCallback의 첫 번째 인자로 함수가 들어가고, 두 번째 인자로 deps(의존성)이 들어간다. useCallback에서 반환된 콜백 함수를 변수에 담아 사용한다. deps에는 함수에 사용된 상태나 props가 모두 deps 배열에 포함되어야 한다. 🍉 useCallback 두 번째 인자인 배열(..