플러스프로젝트 배경
1) 문제점 - 대학교/연구기관에 GPU 서버를 납품하면 모니터링은 각자 알아서 해야 하는 상황 - Grafana, Prometheus 등 오픈소스를 조합하면 UI가 파편화되고 브랜딩 불가 - GPU 온도, 작업 상태, 모델 학습 현황을 한 화면에서 보려면 여러 도구를 전환해야 함 - 하드웨어 납품 업체 입장에서 "설치 후 관리"까지 패키지로 제공할 수단이 없음 2) 프로젝트 목표 - Grafa
프로젝트 성과
기획부터 라이브 배포까지 3일 완성
프로젝트 브리프 작성부터 FastAPI 백엔드, React 프론트엔드, VPS 배포까지 1인 풀스택으로 3일 만에 완료
실시간 WebSocket 관제 화면 구현
1초 단위 GPU/CPU/메모리 실시간 갱신, 바 차트 + 추세선 + 원형 게이지 조합으로 관제 센터급 대시보드 구현
Mock → Real 전환 설계로 즉시 연동 가능
6개 Mock Provider를 추상 인터페이스 기반으로 설계하여, 실제 Prometheus/Slurm/MLflow 연결 시 코드 교체 없이 동작
핵심 기능
실시간 GPU 관제 대시보드
WebSocket 1초 갱신으로 GPU 사용률, 온도, 메모리를 실시간 바 차트 + 원형 게이지로 표시. 임계치 초과 시 색상 자동 변환
진행 단계
기획 및 설계
2025.04.
클라이언트 요구사항 분석, 프로젝트 브리프 작성, Provider Pattern 아키텍처 설계, Mock 데이터 시나리오 정의
프로젝트 상세
1) 포트폴리오 소개 GPU 서버를 대학교·연구기관에 납품하는 업체를 위한 통합 관제 대시보드. Grafana/Prometheus UI를 쓰지 않고, API만 호출하여 완전한 자체 브랜드 대시보드를 구축했습니다. 2) 작업 범위 - 풀스택 1인 개발 (기획·설계·프론트엔드·백엔드·배포) - React 18 + FastAPI + WebSocket + Docker + Caddy VPS 배포 - 역할
