alsrnzla · 라이브 바카라(Wishket)

프로젝트 배경

1) 문제점
- 에너지 라이브 바카라 장치별로 개별 시스템에서 따로 라이브 바카라되어 통합 모니터링 불가
- 각 설비마다 다른 인터페이스로 접근해야 해 라이브 바카라자의 업무 효율 저하
- 실시간 데이터 확인이 어려워 에너지 사용량 파악 및 이상 징후 감지 지연
- 정부 RE100 발령이나 수요반응(DR) 상황 발생 시 즉각 대응 불가
- 모바일 환경 미지원으로 현장에서 실시간 확인 및 제어 불가능
- 사용자별 맞춤 설정 불가로 각 담당자가 필요한 정보만 선별해서 보기 어려움
- 에너지 사용 패턴 분석 및 예측 기능 부재로 선제적 라이브 바카라 한계
- 과거 데이터 기반 보고서 생성이 수동이라 시간 소모 및 오류 발생

2) 프로젝트 목표
- 통합 대시보드: 모든 에너지 라이브 바카라 장치를 한눈에 모니터링할 수 있는 통합 시스템 구축
- 커스터마이징 위젯: PC, 태블릿, 모바일 등 다양한 디바이스에서 사용자별 맞춤 대시보드 구성 가능
- 실시간 모니터링: 15분 단위 실시간 에너지 데이터 수집 및 시각화
- 즉각 대응 시스템: 정부 RE100 발령 및 DR 상황 발생 시 실시간 알림 및 제어 기능
- AI 기반 예측: 전력 사용량 예측을 통한 선제적 에너지 라이브 바카라 및 비용 절감
- 자동 보고서: 에너지 진단 보고서 자동 생성 및 PDF 다운로드 기능

3) 주안점
- 직관적 사용성: 드래그 앤 드롭으로 누구나 쉽게 대시보드를 구성할 수 있는 UX 설계
- 12종 위젯 시스템: 차트, 게이지, 제어, 보고서 등 다양한 목적에 맞는 위젯 제공
- 반응형 디자인: 모든 디바이스에서 최적화된 화면 제공 및 실시간 제어 가능
- 실시간 데이터 처리: WebSocket 기반 실시간 업데이트로 지연 없는 모니터링
- 권한 기반 라이브 바카라: 역할별 접근 제어로 보안 강화 및 업무 효율 향상
- 확장 가능한 구조: 위젯 팩토리 패턴으로 신규 기능 추가 용이
- RE100 달성 지원: 재생에너지 목표 대비 달성률 시각화로 정책 이행 가속화

프로젝트 성과

에너지 비용 절감 및 효율화

- 실시간 모니터링을 통한 에너지 낭비 요소 즉시 발견 및 개선
- 데이터 기반 의사결정으로 월평균 에너지 비용 절감 효과

RE100 목표 달성 가속화

- 재생에너지 사용 현황 실시간 시각화로 목표 대비 진행률 명확히 파악
- 정부 DR 발령 시 즉각 대응 가능한 시스템으로 인센티브 확보
- 탄소 배출 감축 효과 데이터 자동 집계 및 보고서 생성

업무 효율성 대폭 향상

- 개별 시스템 접속 불필요, 통합 대시보드로 라이브 바카라 시간 80% 단축
- 모바일 지원으로 현장에서 실시간 확인 및 제어 가능
- 자동 보고서 생성으로 수동 작업 시간 제로화

핵심 기능

강력한 위젯형 빅데이터 라이브 바카라 시스템

약 10년치 대규모 에너지 데이터를 실시간 수치화하여 12종 커스터마이징 위젯으로 시각화. 드래그 앤 드롭으로 개인 맞춤형 대시보드 구성 가능하며, 15분 단위 실시간 갱신으로 실시간 데이터 분석 및 의사결정 지원

권한 기반 멀티 빌딩 라이브 바카라 시스템

역할 기반 권한 시스템으로 라이브 바카라자는 여러 대형 건물의 에너지 현황을 실시간 확인 및 즉시 제어 가능. 건물별 접근 권한 세밀 설정으로 담당 실증지 라이브 바카라 또는 전체 통합 모니터링 지원.

실시간 위젯 제어 시스템

위젯을 통해 전력 사용 옵션, IoT 기기 ON/OFF, 조명 밝기, 온도 설정 등을 즉각 제어 가능. SmartThings API 연동으로 원격 실시간 제어 지원하며 모바일에서도 동일 작동.

진행 단계

기획 및 설계

2025.06.

- 요구사항 분석, 시스템 아키텍처 설계, UI/UX 디자인 및 화면 설계

개발 (Front-end & Back-end)

2025.07.

- Vue.js 기반 위젯 시스템 개발, NestJS API 서버 구축, 데이터베이스 설계

통합 및 테스트

2025.09.

- IoT 기기 연동 테스트, 실시간 데이터 처리 검증, 사용자 시나리오 테스트

배포 및 운영

2025.10.

Docker 기반 배포, 라이브 바카라자 교육, 안정화 및 피드백 반영

프로젝트 상세

1) 포트폴리오 소개
제조부문의 RE100 이행을 위한 FEMS(공장 에너지 라이브 바카라 시스템) UI/UX 개발
공장 및 건물 라이브 바카라자를 위한 실시간 에너지 모니터링 및 제어 플랫폼

2) 작업 범위
▶ 개발 참여 범위
- 시스템 아키텍처 설계
- UI/UX 디자인 및 화면 설계
- Front-end 개발 (React 기반 SPA)
- Back-end 개발 (NestJS 기반 API 서버)
- 라이브 바카라자 페이지 개발
- 위젯 시스템 설계 및 구현
- Docker 기반 배포 환경 구축
- 데이터베이스 설계 (MariaDB, PostgreSQL)
▶ 지원 환경
- 반응형 웹 (Desktop, Tablet, Mobile)
- 모던 브라우저 전체 지원

3) 주요 업무
▶ 핵심 기능
- 12종 커스터마이징 위젯 시스템 (차트, 게이지, 제어, 보고서 등)
- 드래그 앤 드롭 기반 대시보드 커스터마이징
- 실시간 에너지 사용량 모니터링 (15분 단위 데이터 갱신)
- IoT 기기 제어 (SmartThings API 연동 - 조명, 온도 등)
- 수요반응(DR) 위젯을 통한 실시간 상태 표시
- 에너지 진단 보고서 자동 생성 및 PDF 다운로드
- RE100 재생에너지 목표 대비 달성률 시각화
▶ 주요 페이지
- 로그인 및 권한 기반 접근 제어
- 실증지(건물) 선택 페이지
- 사용자 맞춤형 대시보드 (위젯 배치 및 설정)
- 라이브 바카라자 전용 실증지 라이브 바카라 페이지
- 라이브 바카라자 전용 사용자 라이브 바카라 페이지 (CRUD, 권한 설정)
- 에너지 보고서 생성 및 라이브 바카라

4) 주안점
▶ 사용자 경험 최적화
- 직관적인 위젯 기반 인터페이스로 복잡한 에너지 데이터를 쉽게 이해
- 드래그 앤 드롭으로 사용자별 맞춤 대시보드 구성 지원
- 글래스모피즘 디자인으로 모던하고 세련된 UI 구현
▶ 실시간 데이터 처리
- 15분 단위 실시간 에너지 데이터 수집 및 시각화
- WebSocket 기반 실시간 업데이트 매니저 구현
- 효율적인 캐싱 전략으로 API 호출 최적화
▶ 모듈화 및 확장성
- 위젯 팩토리 패턴으로 신규 위젯 추가 용이
- 독립적인 모듈 구조로 유지보수성 향상
- PostgreSQL과 MariaDB 분리 운영으로 시스템 간 의존성 최소화
▶ 보안 및 권한 라이브 바카라
- JWT 기반 인증 시스템
- 역할 기반 접근 제어 (비인증자/일반 사용자/라이브 바카라자)
- Axios 인터셉터를 통한 자동 토큰 갱신 및 보안 처리
▶ 배포 및 운영 효율성
- Docker Compose 기반 컨테이너화로 안정적인 배포 환경 구축
- Nginx 리버스 프록시를 통한 효율적인 트래픽 라이브 바카라
- 체계적인 배포 가이드 및 운영 문서 작성