플러스프로젝트 배경
건설 현장 관리자는 현장을 방문해야 CCTV를 확인하거나 제조사별 클라우드에 흩어진 영상을 각각 내려받아 정리해야 했습니다. 타임랩스·감리 영상과 현장 서류가 메일·파일 서버에 분산되어 현장 현황을 한눈에 파악하기 어려웠습니다. 현장·CCTV·영상·서류를 단일 화면에서 통합 관리하고 담당자별 접근을 제어하는 통합 플랫폼이 필요했습니다.
프로젝트 성과
IP CCTV 30대+ 라이브 스트리밍 웹·앱 통합 지원
RTSP 스트림 서버 중계(WebSocket)로 React Native 앱·Next.js 웹 양쪽에서 CCTV 라이브 영상 즉시 시청 지원
타임랩스·감리·검측 3종 영상 현장별 분류 관리
현장·카테고리별로 영상을 업로드·분류·재생. react-player 재생 + react-zoom-pan-pinch 확대/축소 지원
폴더 트리 기반 현장 서류 통합 관리
현장 생성 시 시공사 서류 하위 폴더 자동 구성. 사진·작업 일보·자료실을 폴더 트리 구조로 통합 관리
LTE CGNAT 현장 원격접속 제약 분석·VPN 해법 설계
무선 라우터 현장의 포트포워딩 불가 문제를 패킷 분석으로 규명, SSL VPN 터널 우회 설계와 운영 정책 제시
앱·웹·어드민 3개 클라이언트를 3개월에 구현·출시
Android 앱(React Native), 사용자 웹(Next.js), 관리자 어드민(Next.js) 3개 클라이언트를 구현하고 Play Store 출시
핵심 기능
IP CCTV 라이브 스트리밍 + 상태 모니터링
제조사 클라우드 URL을 등록하면 웹·앱에서 즉시 라이브 시청. WebSocket 기반 주기 체크로 카메라 오류 상태 자동 감지
진행 단계
아키텍처 설계 + 도메인 모델 정의
2024.11.
현장·CCTV·영상·서류 4개 도메인 API 명세 확정. 앱·사용자 웹·어드민 3개 클라이언트 화면 구조 설계
프로젝트 상세
전국 건설 현장 IP CCTV 30대+ 라이브 영상을 실시간 시청하고, 타임랩스·감리·검측 영상과 현장 서류를 현장별로 통합 관리하는 플랫폼. Express 서버가 RTSP 스트림을 WebSocket으로 중계하고, React Native 앱·Next.js 웹·어드민 3개 클라이언트를 3개월에 구현·출시했습니다.
