플러스프로젝트 배경
기존 MVP를 버리고 다시 만드는 대신 현재 코드·Supabase 권한·알림 계약을 먼저 읽고, 현장 사용자가 실제로 상태를 발견하고 조치 기록을 남기는 핵심 흐름부터 60일 인수범위로 고정하기 위해 제작했습니다.
프로젝트 성과
현장 상태판과 모바일 조치 흐름을 실행형 데모로 검증
가상 센서 8개 구역으로 정상·주의·위험을 재현하고, 알림 수신부터 확인·조치·종료까지 상태 전이를 실행했습니다. 다국어 전환, 접근성 상태표현, 리포트 인쇄를 포함해 수용검사 23/23과 최종 QA 32/32를 통과했습니다. 이는 구조 검증 결과이며 실공장 성능이 아닙니다.
핵심 기능
색·아이콘·글자를 함께 쓰고 알림 조치 이력을 남기는 현장 UX
작업자는 대시보드에서 이상 구역을 찾고 모바일에서 알림을 확인한 뒤 조치 내용과 시각을 남깁니다. 완료된 조치는 이력으로 이동합니다. 실제 연동에서는 기존 Supabase RLS와 알림 계약을 먼저 확인하고 화면을 데이터 계약에 맞춥니다.
진행 단계
1. 현장 상태 발견부터 조치 기록까지 수직 흐름 구현
2026.08.
PC 대시보드와 390px 모바일 화면을 한 데모에서 구현했습니다. 공장 평면도 센서, 온도 추세, 점검 체크리스트, 리포트 미리보기와 인쇄, 한국어·영어·베트남어 전환을 연결하고 브라우저 기반 자동 검사로 수용기준을 검증했습니다.
프로젝트 상세
이미 동작하는 Next.js·Supabase 기반 제조 모니터링 MVP를 전제로, 기존 코드와 데이터 계약을 먼저 확인한 뒤 웹 UI 리뉴얼과 모바일 관제를 연결하는 프로젝트 맞춤 기술검증입니다. [현장 화면 설계] - 공장 평면도와 센서 위치, 정상·주의·위험 상태를 한 화면에서 확인합니다. - 상태는 색상만 쓰지 않고 아이콘과 글자를 함께 표시합니다. - 고령·외국인 근로자가 알림을 받은 자리에
