[React]useCallback()

useCallback이란

useCallback은 useMemo와 더불어 성능 최적화애 사용되는 React Hook이다.

useMemo 는 특정 결과값을 재사용(캐싱) 할 때 사용하는 반면,
useCallback 은 특정 함수를 새로 만들지 않고 재사용(캐싱)하고 싶을때 사용한다.

const memoizedCallback = useCallback(함수, 배열);

//사용 예시
const add = () => x + y;

→
const add = useCallback(() => x + y, [x, y]);

useCallback은 두 번째 인자인 배열의 값이 변경되기 전까지, 저장된 값을 재사용할 수 있게 해준다.