React - useCallback

useCallback

useCallBack을 이용해서 함수 재사용하기

💡useCallback

• useCallback은 useMemo와 비슷하지만 useCallback은 함수를 위한 훅이다.
• App에서 만들어 놓은 함수를 보면 컴포넌트가 매번 리렌더링 될 때마다 새로운 함수를 만들고 있다.
  이렇게 함수를 새로 만드는 것 자체가 메모리나 cpu도 리소스를 많이 차지하는 함수는 아니기 때문에 그 자체로 부화가 걸리지는 않는다.
  하지만 한번 만든 함수를 재사용 할 수 있다면 더 좋다.

💡React developer tools
이렇게 useCallback을 한다고 해서 눈에 띄는 최적화는 아직 없다.
나중에 컴포넌트 리렌더링 최적화 작업을 해줘야 비로서 성능이 좋아진다.
이 작업을 하기 이전에 어떤 컴포넌트가 현재 리렌더링 되고 있는지 알기 위해서 React Developer tools를 통해서 알아볼 수 있다.