플러스프로젝트 배경
1) 프로젝트 목표 - 단일 Next.js App Router 코드베이스로 작업자 PWA와 관리자 웹을 통합 구축해 배포·인증·DB를 단일 운영으로 일원화했습니다. - Supabase RLS 다중 역할(ADMIN·REGION_ADMIN·WORKER) 권한 제어로 DB 레벨에서 데이터 노출을 차단해 권한 우회 위험을 원천 봉쇄했습니다. - 현장 통신 불안정 환경을 가정한 PWA 오프라인 큐와 복구 시 자동
프로젝트 성과
Next.js App Router 단일 코드베이스 통합 구축
작업자 PWA와 관리자 웹을 단일 Next.js 앱의 `(worker)`와 `(admin)` route group으로 분리해 배포·인증·DB를 일원화하여 운영 비용과 유지보수 부담을 최소화했습니다.
Supabase RLS 다중 역할 권한 시스템 구축
ADMIN·REGION_ADMIN·WORKER 3단 역할에 대해 모든 테이블에 RLS 정책을 적용하여 권한 우회·데이터 노출 위험을 DB 레벨에서 원천 차단했습니다.
PWA 오프라인 큐 + 자동 동기화 구현
Serwist Service Worker와 IndexedDB로 오프라인 큐를 구성해 통신 불안정 현장에서도 점검을 임시 저장하고 네트워크 복구 시 자동 동기화로 데이터 손실을 방지했습니다.
감사 로그 자동 기록 시스템 구축
계정·배정·자산 변경이 발생할 때마다 audit_logs 테이블에 행위자·시각·메타 정보를 자동 기록해 컴플라이언스 추적이 가능한 운영 감사 체계를 갖췄습니다.
핵심 기능
지도 기반 통합 관제 대시보드
Kakao Maps 위에 전체 자산을 마커로 표시하고, KPI 카드·주간 점검 추이 차트·최근 점검 테이블을 한 화면에 통합한 관리자 메인 대시보드를 구현했습니다
진행 단계
요구사항 분석 및 IA·DB 스키마 설계
2026.04
기획·디자인·기능 정의서를 기반으로 데이터 모델 10여 개 테이블·RLS 정책·API 명세를 설계하고 Supabase 마이그레이션 SQL로 코드화하여 버전 관리했습니다.
프로젝트 상세
1) 포트폴리오 소개 현장 작업자용 PWA(설치형 모바일 웹앱)와 통합 관리자 웹을 단일 Next.js 15 App Router 코드베이스로 분리·운영하는 시설 점검 SaaS 플랫폼을 실제 구축·납품했습니다. 작업자는 모바일에서 부스·재떨이를 QR로 식별하고 15항목 체크리스트와 현장 사진으로 점검을 기록하며, 관리자는 Kakao Maps 기반 통합 대시보드로 전국 자산을 실시간 모니터링하고 작업자·점검 이
