Astro K JosephMORNING DIGEST · 2026-06-09 · Astro K Joseph🎬 영상
코딩 없이 만드는 AI 가상 피팅 SaaS
Astro K Joseph가 AI만으로(노코딩) AI 가상 옷 입히기(virtual try-on) SaaS를 프런트엔드·백엔드·API·DB·인증·스토리지까지 통째로 만들고 배포까지 시연한 튜토리얼.
01핵심 개요
| 항목 | 내용 |
|---|
| 채널 | Astro K Joseph |
| 결과물 | 사진+의류 업로드 → 버튼 클릭 → 착장 이미지 생성 SaaS |
| 핵심 기능 | 랜딩페이지, 인증(이메일/GitHub/Google), 생성, 다운로드, 히스토리 |
| 생성 속도 | 착장 이미지 약 15초 생성 |
| 강조점 | API 키는 서버에서만 처리(브라우저 노출 금지) |
02사용 스택 / 도구
| 구성 | 도구 | 역할 |
|---|
| 가상 피팅 API | YouCam(Perfect Corp) Gen AI API | Clothes Virtual Try-On |
| 프런트/풀스택 | Next.js | 보일러플레이트·앱 |
| AI 코딩 | Cursor + Claude Opus 4.7 / Composer 2.5 | 코드 생성 |
| 백엔드·인증·DB | InForge | Auth·DB·스토리지 |
| 배포 | 인터넷 라이브 배포 | 실제 서비스화 |
03제작 워크플로우 (방법론)
- Cursor로 빈 폴더에 최신 Next.js 보일러플레이트 설치(Composer 2.5 — 단순 작업은 빠름).
- YouCam(Perfect Corp) 가입 → API 키·시크릿 키 발급(단위 크레딧, 쿠폰 시 +500).
- Claude Opus 4.7(Max 모드)로 랜딩페이지 프롬프트(내브바·히어로·예시·가격·푸터) 생성.
- API Playground에서 모델 사진 + 의류 이미지로 사전 테스트(품질·동작 확인, 약 15초).
- API 공식 문서를 "Copy as Markdown for LLM"으로 복사 → Cursor에 붙여넣고 /app 라우트에 기능 구현(Plan 모드로 계획→검증→Build).
- .env.local에 API 키 입력 → 피팅룸 동작 확인(상·하·전신 카테고리 선택).
- 인증·DB·히스토리·스토리지 추가 후 인터넷 배포.
04기술적 맥락
- 모든 Perfect Corp API 호출은 서버에서 실행 → API 키가 브라우저에 도달하지 않음(보안 기본).
- 카테고리 선택(auto/full/upper/lower/shoes)으로 부위별 피팅 제어.
- 결과 이미지는 얼굴·포즈 보존, 단일 클릭 다운로드 + 히스토리 보관.
05전략적 의미
- 노코딩 + 외부 AI API 조합으로 1인이 풀스택 SaaS를 단시간에 출시 가능.
- "모델을 만드는 것"이 아니라 "검증된 AI API를 엮는 것"이 빠른 제품화의 핵심.
- 가상 피팅은 이커머스 전환율 향상 수요가 커 수익화 여지 큼(단, 대형 플랫폼의 동일 기능 출시 리스크 상존).
06활용 시나리오
- 패션 커머스: 상품 페이지에 가상 피팅 삽입으로 반품률 절감·전환율 향상.
- 1인 창업: 외부 AI API + Cursor로 MVP를 며칠 만에 출시해 시장 검증.
- 개발 학습: API 문서를 LLM에 그대로 주입해 기능을 구현하는 "문서 기반 바이브 코딩" 실습.
07현황 및 전망
- 상용 가상 피팅 API(Perfect Corp/YouCam) 품질이 실사 수준에 도달, 생성 지연도 수십 초로 단축.
- 구글 쇼핑 등 대형 플랫폼도 동일 기능을 내장하는 추세 → 차별화는 도메인 특화·UX·가격에서 결정.
08용어 사전
| 용어 | 한줄 설명 | 비유/예시 |
|---|
| Virtual Try-On | 사진 위에 옷을 합성해 입어본 모습 생성 | 거울 앞에서 옷 대보기를 사진으로 |
| Next.js | React 기반 풀스택 웹 프레임워크 | 집 짓는 표준 골조 키트 |
| Cursor | AI가 코드를 써주는 코드 에디터 | 옆에서 타이핑해주는 AI 비서 |
| Composer/Plan 모드 | 빠른 실행 모드 / 계획 후 실행 모드 | 즉흥 처리 vs 설계도 먼저 |
| API 키 | 외부 서비스 호출용 비밀 인증값 | 출입증 비밀번호 |
| .env.local | 비밀값을 담는 로컬 환경 변수 파일 | 금고 속 비밀 메모 |
| InForge | 인증·DB·스토리지를 제공하는 백엔드 | 가게 뒤편 창고·계산대 일체형 |