산출물 / 그림일기 / 결과물 문서

그림일기 · Deliverables

그림일기 — 결과물

배포 정보

주소: grimilgi.thinklab.life  ·  기술 스택: Next.js(App Router, Turbopack) · TypeScript · Tailwind CSS v4 · Supabase(Postgres · Auth · Storage · Vault) · Google Gemini API · Vercel

구현된 화면

소비자

  • 입장(전화번호 화이트리스트 확인)
  • 홈 — 그림일기 피드, 전체화면 스토리 뷰어(좌우 스와이프/탭, 캡션 오버레이)
  • 업로드 — 사진 선택, 스타일 선택, 접수
  • 설정

관리자(백오피스)

  • 로그인
  • 프롬프트 관리 — 1단계(분석), 2단계(공통/사진유형/스타일/부정)
  • 결과 확인 — 실사용자 생성 기록 조회
  • 회원(테스터) 관리
  • API 키 관리(Vault)
  • 연동 테스트
  • 스타일 비교(4스타일 동시 생성) + 테스트 히스토리
  • Batch API 테스트(실험)

개발 이력 (마일스톤)

  • 2026-09-12 — 기획서 통합, 인프라 완전 분리 셋업, 백오피스 스캐폴딩(프롬프트·API 키·테스터 관리)
  • 2026-09-12 ~ 09-13 — 1·2단계 AI 파이프라인 실연동, 동기 → 비동기(after()) 전환, 실사진 기반 프롬프트 반복 튜닝
  • 2026-09-13 — 비용 절감 검토(모델 다운그레이드, imageSize 실험), 스토리 뷰어 UX 개편, 관리자 4스타일 비교 도구 + 테스트 히스토리, 에러 코드 세분화, 좌측 사이드바 재편
  • 2026-09-14 — 참고 이미지 기반 스타일 재작성, Batch API 실기 검증(약 7분 30초 소요 확인), 앱 기능 보완 백로그 정리

주요 보안 장치

  • anon 롤에는 테이블 정책 미부여 — 소비자 파이프라인은 서버 사이드 서비스 롤 키로만 접근
  • API 키는 Supabase Vault에 암호화 저장, SECURITY DEFINER 함수로만 복호화 읽기 허용
  • 기존 사내 시스템과 git · 인프라 · 도메인 · API 키 전 계층 완전 분리
project: grimilgidoc: results