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