반응형 프론트성능1 [프론트엔드] useMemo와 useCallback 제대로 이해하기 최근 개발하면서 useMemo와 useCallback을 제대로 이해하지 못하고 사용했다가 문제를 겪었습니다. 오히려 성능이 나빠지거나 예상치 못한 버그가 발생하는 경험을 했습니다.📌 문제의 시작: 무작정 사용했던 최적화 훅들제가 작성했던 코드 형식의 간단예제입니다:// 내가 작성했던 코드function MyComponent({ data }) { // useMemo 사용 const processedData = useMemo(() => { return data.map(item => item.value); }, []); // 😱 의존성 배열에 data를 빼먹음 // "함수는 무조건 useCallback" 이라고 생각 const simpleHandler = useCallback(() => {.. 2025. 7. 11. 이전 1 다음