advanced
대규모 데이터 시각화 대시보드 성능 최적화
React로 구축된 실시간 데이터 시각화 대시보드에서 발생하는 렌더링 병목 현상을 진단하고, 메모리 누수 없이 60fps를 유지하는 최적화 기법을 적용하십시오.
📝 プロンプトの内容
수만 개의 데이터 포인트를 실시간으로 처리하여 그래프와 표로 렌더링해야 하는 React 기반 대시보드의 성능이 저하되고 있습니다. 이 문제를 해결하기 위해 1) 불필요한 리렌더링을 방지하기 위한 React.memo, useMemo, useCallback의 구체적인 적용 전략, 2) 가상화(Virtualization)를 통한 긴 목록 렌더링 최적화, 3) Web Worker를 활용한 메인 스레드 부하 분산 방안, 4) 상태 관리 라이브러리 선택 시 고려해야 할 사항 등을 포함한 리팩토링 계획을 수립하십시오. 각 단계별 예상 성능 향상 지표와 측정 방법도 함께 기술하십시오.