팀 프로젝트를 진행하면서 '찜하기' 기능을 구현하는 도중에 백엔드 서버로 불필요한 호출이 반복되는 것을 발견하였다. 어떻게 해야 불필요한 호출을 막을 수 있을까 고민하던 중에 팀원 한 분이 useCallback에 대해서 말씀해 주셔서 찾아보았다 🙌🏻 💡 useCallback이란? 👉🏻 react 라이브러리에서 제공하는 훅(Hook)에 해당 👉🏻 함수를 메모이제이션하여 동일한 콜백 함수 인스턴스를 재사용 ✅ 의존성 배열의 값이 변경되지 않는 한, 같은 콜백 함수 인스턴스를 계속해서 사용 가능 👉🏻 아래와 같은 불필요한 함수 생성을 방지 👻 React 컴포넌트가 렌더링 될 때마다 함수들이 새로 생성 ➡️ 해당 함수를 사용하는 다른 컴포넌트도 함께 리렌더링 👻 부모 컴포넌트가 업데이트 되거나 상태값이 변경될 ..