다음 내용은 책 '리액트를 다루는 기술'을 바탕으로 작성된 글입니다. useCallback 함수는 주로 렌더링 성능을 최적화해야 하는 상황에서 사용한다. 주요 기능은, 만들어 놨던 함수를 재사용할 수 있다는 것이다. 컴포넌트 내에서 일반적으로 함수를 선언하면, 컴포넌트가 리렌더링될 때마다 새로 만들어진 함수를 사용하게 된다. 대부분의 경우 문제가 없지만 렌더링이 자주 발생하거나 렌더링 해야 할 컴포넌트의 개수가 많아지면 이 부분을 최적화해주는 것이 좋다. useCallback 함수를 사용하면, 컴포넌트 리렌더링이 이루어질 때마다 함수를 재생성하지 않고, 기존에 만들어놨던 함수를 사용할 수 있다. 👉 기본 함수 선언 const onChange = () => { setNumber(e.target.value)..