VIP 👤
🏠 Inicio
Pruebas de rendimiento
📊 Todos los benchmarks 🦖 Dinosaurio v1 🦖 Dinosaurio v2 ✅ Aplicaciones To-Do List 🎨 Páginas libres creativas 🎯 FSACB - Showcase definitivo 🌍 Benchmark de traducción
Modelos
🏆 Top 10 modelos 🆓 Modelos gratuitos 📋 Todos los modelos ⚙️ Kilo Code
Recursos
💬 Biblioteca de prompts 📖 Glosario de IA 🔗 Enlaces útiles 🔌 API y routers
advanced

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

#react #performance #optimization #frontend

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

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