Sunhyeok Choe avatar

Project Detail

MEGA-NT 3

MEGA-NT 3 — Building Operations Console

ASP.NET WebForms와 JavaScript 기반 화면을 정비하고, 스트리밍 데이터 시각화와 관제 워크플로우를 개선해 현장 운영팀의 대응 속도를 높였습니다.

  • On-premise 기반 빌딩 중앙 관제 클라이언트 유지보수
  • 실시간 스트리밍 그래프 시각화 개선
  • 현장 이슈 대응

빌딩 내 모든 센서와 액츄에이터의 실시간 데이터를 수집, 제어, 모니터링하는 중앙 관제 클라이언트를 유지보수하며, 노후된 온프레미스 시스템을 최신 웹 환경으로 안정화했습니다.

CONTROL

중앙 관제 워크플로우 재정비

빌딩 설비 데이터를 한 화면에서 확인하고 제어할 수 있도록 화면 구성과 UX를 재정비해 운영 인력의 전환 시간을 줄였습니다.

ASP.NET WebForms, UI 구조 개편
VIS

스트리밍 데이터 시각화

DDC에서 수집되는 스트림 데이터를 그래프와 차트로 안정적으로 표시하도록 데이터 가공 로직과 렌더링 타이밍을 수정했습니다.

실시간 그래프, 데이터 보정
OPS

현장 피드백 루프 구축

PM 팀과 실시간으로 이슈를 공유하고 반복 테스트를 수행해 주요 버그를 단계적으로 제거하고 유지보수 대응 시간을 단축했습니다.

문제 추적, 재현 시나리오 정비
MEGA-NT 3 — 메인 대시보드
1 / 1

프로젝트 개요

MEGA-NT 3는 빌딩 기계설비 제어를 담당하는 중앙 관제 시스템으로, 각지의 DDC(Control Panel)에서 수집되는 센서 값을 실시간으로 모니터링하고 제어 명령을 발행합니다. 노후된 온프레미스 환경을 유지보수하면서 UI/UX와 데이터 시각화를 개선해 관제 인력이 즉시 상황을 파악하고 대응할 수 있도록 했습니다.
  • 모든 관제 화면을 하나의 클라이언트에서 제어할 수 있도록 화면 레이아웃과 상태 관리를 재정비했습니다.
  • 스트림 데이터를 그래프로 표시하는 로직을 개선해 데이터 누락, 시간 역전 등의 오류를 해결했습니다.
  • 현장 PM 팀과 협업해 장애 재현 → 원인 분석 → 배포까지의 루프를 일 단위로 반복하며 품질을 확보했습니다.

주요 책임 및 성과

  • ASP.NET WebForms 기반 페이지의 구조를 리팩토링하고, 중복된 자바스크립트 로직을 모듈화했습니다.
  • 그래프, 차트 렌더링 단계에서 발생하던 데이터 정렬 문제를 해결해 실시간 모니터링 정확도를 높였습니다.
  • 로그, 알림 메시지를 정리하고, 상황별 대응 가이드를 화면에 노출해 현장 엔지니어의 의사결정을 지원했습니다.
  • 배포 스크립트와 체크리스트를 정리해 긴급 패치 시에도 일관된 프로세스를 유지하도록 했습니다.

유지보수 과제와 해결

그래프 데이터 정합성 확보

DDC에서 전달되는 스트림 데이터는 순서가 어긋나거나 간헐적으로 누락되는 문제가 있었습니다. 데이터 버퍼와 타임스탬프 정렬 로직을 추가해 그래프가 시간 순서대로 그려지도록 수정하고, 누락 구간은 보간 값으로 표시해 관제 인력이 상황을 빠르게 파악할 수 있게 했습니다.

현장 피드백 순환 정착

현장 PM 팀과 원격으로 소통하며 재현 로그, 스크린샷, 센서 값 스냅샷을 수집하는 루틴을 만들었습니다. 이 자료를 기반으로 문제를 재현하고, 패치 → 검증 → 배포의 사이클을 하루 단위로 반복해 주요 장애를 단계적으로 제거했습니다.

제어 워크플로우 개선

센서 데이터와 제어 명령 사이의 상태 전환이 명확하지 않아 혼선이 발생했습니다. 제어 버튼과 상태 인디케이터를 묶어 보여주고, 전환 로그를 화면 하단에 표시하도록 수정해 사용자의 피드백을 즉시 확인할 수 있게 했습니다.

담당 역할

중앙 관제 클라이언트의 유지보수 오너로서 UI 레이아웃, 데이터 가공, 배포 자동화까지 전 과정을 담당했습니다. PM 팀과 함께 현장 방문 테스트를 진행해 우선 순위를 조정했고, 스트리밍 데이터 분석 및 차트 렌더링 개선을 통해 관제 품질을 높였습니다.

Tech Stack

ASP.NET WebForms와 JavaScript 기반 UI를 개선하고, 스트리밍 데이터 처리와 현장 피드백 루프를 정착시켜 안정적인 빌딩 관제 환경을 유지했습니다.

FRONTEND

Operations Console

5

중앙 관제 화면과 제어 패널을 ASP.NET WebForms와 JavaScript로 유지보수했습니다.

ASP.NET WebFormsC#JavaScriptHTML5CSS

DATA

Realtime Data Flow

4

DDC에서 전달되는 스트림 데이터를 가공해 그래프와 경보에 적용했습니다.

DDC StreamingSensor TelemetryChart RenderingData Smoothing

OPS

Maintenance & Collaboration

4

현장 피드백을 수집하고 문제 재현, 해결 과정을 자동화했습니다.

Issue TrackerRegression TestingPM CollaborationDeployment Scripts