June 25, 2025과도한 리렌더링: 불필요한 컴포넌트, 콜백, 값의 비메모이징 🐢
React에서 부모 컴포넌트의 리렌더링 시 자식 컴포넌트에게 새로운 참조의 `props`(특히 함수, 객체, 배열)를 넘겨주면, 자식 컴포넌트가 불필요하게 리렌더링되어 성능 저하를 야기할 수 있습니다. 이를 해결하기 위해 `React.memo`, `useCallback`, `useMemo`를 사용하여 `props`의 참조 동일성을 유지하고 불필요한 렌더링을 방지해야 합니다. 단, 성능 프로파일링 후 필요한 곳에만 적용하는 것이 중요합니다.