--- title: 리액트 렌더링 최적화 전략 category: Software Architecture tags: [Performance, Memoization, React.memo, Optimization] created: 2026-04-20 --- # 리액트 렌더링 최적화 전략 ## ⚡ 주요 도구 - **React.memo**: Props 변경이 없을 때 재렌더링 방지. - **useMemo / useCallback**: 연산 결과 및 함수 객체의 메모이제이션. - **Virtualization**: 대량의 리스트 렌더링 시 화면에 보이는 것만 처리. ## 🚨 주의사항 성급한 최적화(Premature Optimization)는 지양하며, 반드시 성능 측정을 선행해야 함. ## 🔗 연결된 지식 - [[WebWorker_Performance]] - [[System_Debugging_Protocol]]