VIP 👤
🏠 홈
벤치마크
📊 모든 벤치마크 🦖 공룡 v1 🦖 공룡 v2 ✅ 할 일 목록 앱 🎨 창의적인 자유 페이지 🎯 FSACB - 궁극의 쇼케이스 🌍 번역 벤치마크
모델
🏆 톱 10 모델 🆓 무료 모델 📋 모든 모델 ⚙️ 킬로 코드 모드
리소스
💬 프롬프트 라이브러리 📖 AI 용어 사전 🔗 유용한 링크 🔌 AI API 및 라우터
advanced

대규모 데이터 시각화 대시보드 성능 최적화

#react #performance #optimization #frontend

React로 구축된 실시간 데이터 시각화 대시보드에서 발생하는 렌더링 병목 현상을 진단하고, 메모리 누수 없이 60fps를 유지하는 최적화 기법을 적용하십시오.

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