실시간으로 들어오는 에너지 사용 데이터를 수집·분석·시각화하는 통합 모니터링 대시보드. 기업 시설 관리자와 경영진이 같은 화면에서 다른 관점으로 보도록 설계했습니다.
에너지 데이터는 매초 들어오지만, 결정에 쓸 수 있는 형태로 만들어지는 데까지가 가장 오래 걸렸습니다.
센서에서 올라오는 raw 데이터를 사람이 엑셀로 옮기고, 그래프를 매번 다시 그리는 식으로 굴러가는 곳이 많았습니다. 데이터는 실시간인데 의사결정은 일·주 단위로 미뤄지는 구조였습니다.
관리자·경영진이 같은 그래프를 봐도 다른 해석을 하기 어려운, 단일 시점의 대시보드가 한계였습니다.
WebSocket으로 실시간 데이터를 받고, 시각화는 사용자 역할에 따라 다른 깊이로 보여주도록 설계했습니다.
센서 → 서버 → 대시보드 데이터 흐름을 WebSocket으로 묶어 사용자가 새로고침하지 않아도 그래프가 살아 있게 만들었습니다. Chart.js 기반의 시각화로 실시간성과 가독성을 같이 잡았습니다.
관리자는 세부 지표, 경영진은 요약 지표를 같은 데이터 위에서 보도록 권한·뷰를 분리해, 한 데이터에서 두 가지 의사결정이 가능하도록 만들었습니다.
실시간 그래프가 살아 있는 대시보드를 한 코드베이스에서.
센서 데이터 수집과 처리 백엔드.
데이터를 실시간으로 흘리고 그리는 두 축.
시계열 데이터를 한 DB에, 운영은 Docker로 컨테이너화.