useCallback이란?

useCallback() 이란?

기본적으로 컴포넌트 실행 전반에 걸친 함수를 저장하는 hook이다. react에 함수를 저장하여 매 실행마다 재생성하지 않도록 한다.
메모리 내의 동일한 위치 중 하나에 저장되므로 동일한 함수(객체)인지 비교가 가능하다.

useCallback(() => {...}, [dependencies])

• 첫 번째 인수 : 저장할 함수
• 두 번째 인수 : useCallback 호출의 dependency 배열 (useEffect와 동일)

useCallback을 왜 사용해야 할까?

1. js 함수 동등성
2. 의존 배열로 함수를 넘길 때 (클로져 개념 알기)
3. React.memo와 함께 사용하기

[참고자료]

• 클로져란?!!
• useCallback 사용 이유 상세 페이지1
• useCallback 사용 이유 상세 페이지2