React에서 useCallback과 useMemo의 과도한 사용

2025-07-28
React에서 useCallback과 useMemo의 과도한 사용

이 글에서는 React 개발에서 useCallback과 useMemo의 과도한 사용에 대해 논의합니다. 저자는 많은 경우 이 두 Hook이 참조 안정성을 확보하기 위해 사용되지만, 항상 필요한 것은 아니며 성능 오버헤드와 코드 복잡성을 초래할 수 있다고 주장합니다. 글에서는 컴포넌트가 메모이제이션되지 않은 경우나 props가 effect의 의존성으로 사용되는 경우 등 useCallback과 useMemo를 사용해도 성능 향상이 없고 오히려 코드 복잡성만 증가시키는 몇 가지 시나리오를 보여줍니다. 저자는 명확한 성능 병목 현상이 없는 한 이러한 Hook의 과도한 사용을 피할 것을 제안하며, 참조 안정성 문제를 해결하기 위해 refs나 향후 출시될 useEffectEvent를 사용할 것을 권장합니다.

개발