개발/React
[React] useCallback 헤딩해보기.
1. 동기 + 사전지식 useCallback은 useMemo의 함수 버전으로 알고 있다. 두 Hooks는 함수, 변수를 Memoization해서 재사용성을 높이고, 성능을 향상시킨다고 하는데, 실제 개발에서는 DOM 트리의 복잡도와 설계 복잡도가 높아짐에 따라 원하는 대로 작동하지 않았다. 예상 시나리오와 실제 결과를 테스트 하면서 몸소 익히고, 관련 개발문서 및 레퍼런스로 참고한 자료들을 적어둘까 한다. 2. 초기 코드 useCallback 테스트를 위해 예제 코드를 만들어보자. import { useState } from "react"; export const UseCallbackExample: React.FC = () => { const [todos, setTodos] = useState([]); ..
