Skip to main content
사례 전체
플랫폼 · SaaS

호남 에너지 모니터링 대시보드

실시간 WebSocket 통신 기반 에너지 사용량 모니터링 대시보드. Recharts 시각화와 PDF 보고서 내보내기를 지원합니다.

기간
2025.12
역할
프론트엔드 개발
기술
Next.js 16Socket.IOZustandRechartsTypeScriptTailwind CSS v4
링크
GitHub

실시간 WebSocket 통신 기반 에너지 사용량 모니터링 대시보드. Recharts 시각화와 PDF 보고서 내보내기를 지원합니다.

한 일

  • Socket.IO 기반 실시간 데이터 스트리밍 아키텍처 설계
  • Recharts 기반 다중 차트(라인, 바, 영역, 복합) 시각화 구현
  • Zustand 글로벌 상태 관리 설계
  • html2canvas + jsPDF 기반 PDF 보고서 내보내기 개발
  • requestAnimationFrame 배치 업데이트로 60fps 렌더링 최적화

남은 것

  • 1주일 스프린트로 실시간 모니터링 대시보드 완성
  • 안정적인 Socket.IO 실시간 데이터 파이프라인 구축
  • 지수 백오프 재연결 전략으로 네트워크 안정성 확보

같은 갈래