플러스
프로젝트 배경
현대제철의 스마트 시티·스마트 팩토리 환경에서는 CCTV 영상 관제와 IoT 센서 기반 위험 알림이 안전 관리의 핵심 요소로 자리 잡고 있습니다. 그러나 기존 시스템은 CCTV 스트리밍과 센서 이벤트를 별도 화면 또는 각기 다른 플랫폼에서 제공 이벤트 발생 시 수작업으로 대응 우선순위를 정해야 하고, 담당자 간 상황 공유 지연 발생 이력 조회·분석이 어려워 유사 사고 재발 방지를 위한 인사이트 확보
위시켓과 함께한 진행 과정
프로젝트 등록
스트리밍 영상 및 IoT 센서 데이터 연동 웹 개발
2025.03.11.
프로젝트 완료
주식회사 태흥
5.00
프로젝트 성과
모니터링 대상 150개 확대
– 런칭 2개월 만에 기존 50개 소규모 설치 → 150개 관제 지점 확대
– 평균 동시 접속 사용자 30명 이상 지원
– 평균 동시 접속 사용자 30명 이상 지원
알림 응답 시간 40% 단축
– WebSocket+MQTT 구조 개선으로 경보 모달 오픈 지연 500ms → 300ms 단축
시스템 가동률 99.9% 달성
– Pm2 + Nginx 무중단 배포 파이프라인 구축
– 연속 3개월 시스템 장애 0건 기록
– 연속 3개월 시스템 장애 0건 기록
핵심 기능
위험 이력 조회 & 분석 및 실시간 영상 모니터링
조건별(유형, 키워드) 검색, 페이징, 전체 건수 집계
발생 시간·정보 유형·대상·상세 내용 컬럼으로 이력 상세 확인
1/4/9 분할 그리드 뷰 전환
페이지 네비게이션 및 자동 새로고침
접속 현황 패널로 활성화된스트
발생 시간·정보 유형·대상·상세 내용 컬럼으로 이력 상세 확인
1/4/9 분할 그리드 뷰 전환
페이지 네비게이션 및 자동 새로고침
접속 현황 패널로 활성화된스트
진행 단계
기획,디자인,개발,납품
2025.04.
기획 · 요구사항 정의 (2025.04)
↓
UI/UX 설계 · 와이어프레임 제작 (2025.04)
↓
아키텍처 설계 · 기술 스택 확정 (2025.04)
↓
개발 (2025.05)
↓
UI/UX 설계 · 와이어프레임 제작 (2025.04)
↓
아키텍처 설계 · 기술 스택 확정 (2025.04)
↓
개발 (2025.05)
프로젝트 상세
1) 포트폴리오 소개 산업현장 실시간 스트리밍·IoT 모니터링 대시보드 (스마트 시티 / 스마트 팩토리) IoT 센서와 CCTV 스트리밍을 연동해 위험 상황을 실시간으로 감시·알림하는 웹 대시보드 2) 작업 범위 프론트엔드: React + Next.js 기반 SPA 위험 이력 조회, 스트림 맵 관리, 실시간 모니터링, 경보 모달 UI 구현 백엔드: node.js REST API, WebSock
