이 페이지는 실제 AI 진단이 만들어내는 결과물의 예시입니다. 내 아이디어를 입력하면 같은 형식의 결과물을 받습니다.

샘플 결과물

현장 점검·보고서 앱

현장에서 체크리스트를 채우고 사진을 붙이면, 사무실에서 점검 보고서가 그대로 나오는 앱

‘MVP 기획’·‘AI 빌드 기획 패키지’·‘프로토타입 프롬프트’는 빌드 패키지 하나에 함께 들어갑니다 — 따로 결제하지 않습니다.

무엇을 만드나?

MVP 기획 · 베타 무료

PRD·기능정의·화면목록·DB·API 계약까지 — 이 자료로 저희가 먼저 만들어 확인시켜드리거나, 직접 개발에 바로 쓰실 수 있습니다.

내 아이디어로 이 결과물 받기

샘플 미리보기

샘플은 여기까지 공개합니다

파일 다운로드와 전문(全文) 복사는 실제 결과물에서만 제공됩니다. 내 아이디어를 입력하면 같은 형식의 결과물을 받아볼 수 있습니다.

무료로 내 아이디어 진단하기

한눈에 보기

현장 설비 점검을 위한 체크리스트 및 사진 첨부 앱을 웹 기반으로 만듭니다. 별도의 네이티브 개발 없이 실사용 환경(오프라인, 모바일)에서 점검, 사진정리, 자동 보고서 생성을 단순화합니다. 인증, 권한, 오프라인 저장, 보고서 자동화를 지원합니다.

제품 요구사항 (PRD)

시설 점검 담당자가 모바일 웹에서 체크리스트를 따라 점검하고, 각 항목별로 사진과 메모를 남긴 뒤, 자동으로 보고서를 생성해 관리자에게 전달할 수 있는 앱입니다. 반복적인 자료 입력과 사진 정리를 손쉽게 하며, 현장 오프라인 상황에서도 점검 내용을 안전히 저장할 수 있습니다.

목표

현장 점검 과정의 반복 입력 및 사진 정리 업무를 단순화한다.
모바일 환경에서 현장 점검 체크리스트 작성과 사진/노트 첨부를 지원한다.
오프라인에서 입력된 데이터도 유실 없이 동기화한다.
체크리스트 기반 점검 보고서를 자동 생성 및 확인할 수 있다.
사용자 인증 및 역할(담당자/관리자)에 따라 권한 제어를 한다.

비목표(1차 제외)

모바일 네이티브 앱 개발AI 기반의 심화 분석·추천다국어 및 결제 기능실시간 알림·채팅복잡한 워크플로우/과설계 도입

기능 정의

사용자 인증 및 권한 관리

“나는 시설 점검자 또는 관리자(소장)로, 내 역할에 따라 앱에 로그인해 점검/보고기능을 이용하고 싶다.”

✓Supabase Auth로 회원 가입/로그인 가능
✓아이디/비밀번호(이메일)로 인증
✓담당자, 관리자(소장) 역할 필드에 따라 UI 및 접근범위 제한

점검 체크리스트 조회 및 점검 시작

“나는 시설 담당자로, 할당된(또는 선택한) 점검 체크리스트를 확인하고 새 점검을 시작하고 싶다.”

✓로그인 후 점검 체크리스트 목록이 보인다.
✓체크리스트 선택 시 해당 항목 리스트를 확인할 수 있다.
✓점검 시작 시 새 점검이 생성된다.

점검 항목별 상태/메모/사진 기록

“나는 현장 점검에서 각 체크리스트 항목별 문제점, 메모, 사진을 빠르게 기록하고 싶다.”

✓각 항목별로 정상/이상 상태 및 노트 입력 가능
✓사진 다중 첨부(로그 확인용, 항목별로 분리 저장)
✓사진/메모가 해당 점검 항목과 연결되어 저장됨

오프라인 입력/저장·동기화

“나는 현장 신호가 약할 때도 입력한 점검 내역과 사진이 유실되지 않기를 원한다.”

✓오프라인 상황에서도 점검 입력/사진 임시 저장 가능
✓네트워크 복귀 시 자동 동기화 트리거
✓동기화 상태(저장됨/대기중) 시각적 표시

점검 보고서 자동 생성 및 관리 기능

“나는 사무실 관리자(소장)로, 단일/여러 점검에 대한 결과 보고서를 손쉽게 확인하고 파일로 저장받고 싶다.”

✓점검 완료 후 자동으로 보고서 형식이 생성됨
✓항목별로 사진/메모가 첨부된 요약 테이블 생성
✓웹 화면에서 PDF/엑셀 다운로드 가능

개발 범위 · 견적 근거

웹 기반 현장 점검 체크리스트 및 사진·보고 자동화 MVP(권한, 입력, 오프라인 저장, 보고서, 관리자 페이지)

1단계 — 인증·기본 체크리스트/점검 CRUD

Supabase 인증, 사용자 역할, 체크리스트·항목·점검 데이터구조 및 기본 입력/조회, 간단한 UI 설계 반영

2~3주

2단계 — 점검 항목별 입력/사진, 오프라인 저장·동기화

항목 상태/노트/사진 입력(모바일 웹), 오프라인/임시저장, 동기화 처리(네트워크 상태별 표시)

2~3주

3단계 — 자동 보고서 생성·관리자 화면

점검 종료 후 웹 보고서 생성, 관리자(소장) 리스트/상세 화면, 보고서 PDF/엑셀 다운로드, 사용자 프로필/로그아웃

1~2주

견적 참고 · 최소 기능 MVP 범위만 산정(권한, 체크리스트/점검/사진, 동기화, 보고서 출력 범위 내). 개별 항목별 추가 요구, 네이티브앱·AI 기능·외부 연동은 별도 산정 필요.

화면 목록

로그인 화면 /login

LoginForm · RoleSwitch

상태: email, password, loading, loginError

점검리스트 목록 화면 /inspections

InspectionList · ChecklistSelector · StartInspectionButton

상태: userRole, inspectionList, selectedChecklist, loading

점검 작성 화면 /inspections/[inspectionId]

ChecklistItemList · ItemStatusSelector · ItemNoteInput · PhotoUploader · OfflineStatusIndicator · SaveButton

상태: inspectionData, currentChecklistItems, itemInputs, networkStatus, saveState

보고서 목록/상세 화면 /reports

InspectionReportList · InspectionReportDetail · ExportButton

상태: reportList, selectedReport, exportStatus

내 프로필/로그아웃 화면 /profile

ProfileSummary · LogoutButton

상태: userInfo, logoutState

데이터 모델

Users

user_idnameemailrole

Checklists

checklist_idtitledescriptioncreated_at

ChecklistItems

item_idchecklist_iddescriptionorder

Inspections

inspection_iduser_idchecklist_idsite_nameinspection_datestatuscreated_atsynced

InspectionItems

inspection_item_idinspection_iditem_idstatusnotesphoto_url

API · 서버액션 계약

## 핵심 API/서버액션 계약 (Next.js Route Handlers, Server Actions)

| 기능                | 메서드 | 경로/액션                       | 인증      | 입력 (예시)                                                | 출력 (예시)                             |
|---------------------|--------|----------------------------------|-----------|------------------------------------------------------------|-----------------------------------------|
| 로그인              | POST   | /api/auth/login                  | 미인증    | { email, password }                                        | { user_id, name, role, accessToken }    |
| 로그아웃            | POST   | /api/auth/logout                 | 액세스필요 |  -                                                         | { success: true }                       |
| 점검 리스트 조회    | GET    | /api/inspections                 | 필수      | (쿼리: status, user_id 등)                                 | [{ inspection_id, checklist, site, ...}] |
| 점검 상세조회       | GET    | /api/inspections/[id]            | 필수      | inspection_id                                              | Inspection 상세(모든 아이템, 사진 포함)  |
| 점검 신규작성       | POST   | /api/inspections                 | 필수      | { checklist_id, site_name, inspection_date }               | { inspection_id }                        |
| 점검 항목 저장/수정 | POST   | /api/inspections/[id]/items      | 필수      | [{ item_id, status, notes, photo }]                        | { success: true }                        |

나머지 8줄은 실제 결과물에서 확인할 수 있습니다

주요 의사결정 · 리스크

## 주요 의사결정/리스크 및 대응

- **Next.js (App Router) + Supabase Client:**
  - 서버액션/Route Handler에서 DB쓰기. 액세스 권한은 Supabase RLS로 제한.
- **모바일 네이티브 앱 미제공:**
  - 사유: 웹앱만 우선 검증, PWA/오프라인 동기화는 IndexedDB·localStorage·ServiceWorker로 대응. 네이티브 추후 검토.
- **AI/실시간/결제 등 제외:**
  - MVP 범위 초과 방지, 단순 실제 업무검증에 집중.
- **사진 저장:**
  - Supabase Storage 사용, SDK로 presigned URL 발급/업로드. Storage 권한(rule)로 인증자만 접근 가능하게 설정.

나머지 10줄은 실제 결과물에서 확인할 수 있습니다

수용 테스트 계획

## 수용 테스트 시나리오 체크리스트

### 인증/권한
- [ ] 올바른 이메일/비번 입력시 로그인 성공 및 토큰 발급됨
- [ ] 잘못된 정보 입력시 로그인 실패 및 에러 메시지 노출됨
- [ ] 인증 없는 사용자가 보호 API 접근시 401/403 반환됨
- [ ] 점검 작성/수정 액션은 본인 또는 소장 등 권한 보유자만 가능

### 점검/보고서
- [ ] 로그인 후 점검 목록이 정상 조회됨(내/소관 점검만 노출)

나머지 11줄은 실제 결과물에서 확인할 수 있습니다

개발 마일스톤

M0초기 세팅 및 데이터베이스 구조

•DB schema.sql 테이블/트리거/주석 반영
•RLS (Secure policy) 적용 및 검증
•테스트용 seed.sql 데이터 준비
•tailwindcss 및 전역 CSS/디자인토큰 기본 설정
•Next.js 앱 루트 레이아웃 및 기본 구조 설계(SSR 대응)

M1핵심 인증 및 로그인

•Supabase Auth와 연동된 로그인(폼/상태 관리)
•users 테이블과 Auth 연결(유저 정보 검증)

M2점검 리스트 및 점검/보고서 진입

•점검 리스트(Inspections) 화면
•서버컴포넌트로 점검 기록 & 체크리스트 불러오기

M3점검 상세/작성(사진첨부 제외)

•체크리스트 항목별 상태 기록
•Inspections/inspection_items 저장 및 업데이트

M4사진 첨부 – 업로드/객체 URL 저장

•사진(파일) 첨부 및 Supabase Storage 연동
•inspection_items photo_url 저장

M5오프라인 동기화 및 패널티케이스 테스트

•캐시/IndexedDB를 활용한 임시저장/동기화
•신호약화/비정상종료 등 케이스 회수

M6보고서(리스트 및 단건 View) 및 배포

•보고서 화면: inspection별 요약 + 상세 UI
•배포 및 문서화

환경변수 · 외부 연동

NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEY

이 기획으로 먼저 만들어 확인하세요

핵심이 동작하는 결과물로 먼저 만들어 확인하실 수 있도록 검토해 드립니다. 검증된 전문가에게 직접 의뢰할 수도 있습니다.

아이디어 등록하고 시작하기 전문가 찾기

이 자료로 저희가 먼저 만들어 확인시켜드리거나, 개발자에게 그대로 전달할 수 있습니다.

내 아이디어도 이렇게 진단받아 보세요.

비개발자 창업자도 몇 개 질문만 대답하면 바로 결과물을 받으실 수 있습니다.

## 핵심 API/서버액션 계약 (Next.js Route Handlers, Server Actions) | 기능 | 메서드 | 경로/액션 | 인증 | 입력 (예시) | 출력 (예시) | |---------------------|--------|----------------------------------|-----------|------------------------------------------------------------|-----------------------------------------| | 로그인 | POST | /api/auth/login | 미인증 | { email, password } | { user_id, name, role, accessToken } | | 로그아웃 | POST | /api/auth/logout | 액세스필요 | - | { success: true } | | 점검 리스트 조회 | GET | /api/inspections | 필수 | (쿼리: status, user_id 등) | [{ inspection_id, checklist, site, ...}] | | 점검 상세조회 | GET | /api/inspections/[id] | 필수 | inspection_id | Inspection 상세(모든 아이템, 사진 포함) | | 점검 신규작성 | POST | /api/inspections | 필수 | { checklist_id, site_name, inspection_date } | { inspection_id } | | 점검 항목 저장/수정 | POST | /api/inspections/[id]/items | 필수 | [{ item_id, status, notes, photo }] | { success: true } |

## 주요 의사결정/리스크 및 대응 - **Next.js (App Router) + Supabase Client:** - 서버액션/Route Handler에서 DB쓰기. 액세스 권한은 Supabase RLS로 제한. - **모바일 네이티브 앱 미제공:** - 사유: 웹앱만 우선 검증, PWA/오프라인 동기화는 IndexedDB·localStorage·ServiceWorker로 대응. 네이티브 추후 검토. - **AI/실시간/결제 등 제외:** - MVP 범위 초과 방지, 단순 실제 업무검증에 집중. - **사진 저장:** - Supabase Storage 사용, SDK로 presigned URL 발급/업로드. Storage 권한(rule)로 인증자만 접근 가능하게 설정.

## 수용 테스트 시나리오 체크리스트 ### 인증/권한 - [ ] 올바른 이메일/비번 입력시 로그인 성공 및 토큰 발급됨 - [ ] 잘못된 정보 입력시 로그인 실패 및 에러 메시지 노출됨 - [ ] 인증 없는 사용자가 보호 API 접근시 401/403 반환됨 - [ ] 점검 작성/수정 액션은 본인 또는 소장 등 권한 보유자만 가능 ### 점검/보고서 - [ ] 로그인 후 점검 목록이 정상 조회됨(내/소관 점검만 노출)