## 소개
코딩을 전혀 모르는 문돌이 출신입니다. 작년에 Claude Code를 알게 된 후 약 1년간 이것저것 만들어봤는데, 그 중 가장 공들인 프로젝트가 AI 크리에이터 전용 플랫폼입니다.
만든 이유는 단순합니다. AI로 이미지나 영상을 만드는 사람들이 빠르게 늘고 있는데, 기존 커뮤니티에서는 "AI 그림은 그림이 아니다"라는 식으로 배척받는 경우가 많습니다. TV 광고, 정부 국민비서 같은 곳에서도 이미 AI 생성물을 활용하고 있고 정부 정책 기조도 AI를 밀어주는 방향인데, 정작 AI 크리에이터끼리 모일 수 있는 한국어 플랫폼이 없더라고요.
그래서 포트폴리오 + 커뮤니티 + 무료 이미지 생성을 한 곳에서 할 수 있는 공간을 직접 만들어봤습니다.
## 진행 방법
### 사용한 도구
- AI 도구: Claude Code (맥스 플랜, 월 $100~$200)
- 프레임워크: Next.js 16 + TypeScript + Tailwind CSS
- 백엔드: GCP (Cloud SQL PostgreSQL, Firebase Auth, Cloud Storage, Cloud Run)
- AI 이미지 생성: Google Imagen 4, Nano Banana Pro 등 6개 모델 API 연동
- 배포: Cloud Run (자동 배포 — git push하면 끝)
### 1단계: "이런 사이트 만들어줘"로 시작
참고할 만한 해외 사이트 몇 개 링크를 주고 이렇게 요청했습니다:
```
AI 크리에이터를 위한 포트폴리오 + 커뮤니티 사이트를 만들어줘.
참고 사이트: [ 링크 ]
다크 테마 기반, 미니멀한 디자인, 한국어 UI
```
Claude Code가 프로젝트 구조부터 잡아주고 페이지별로 하나씩 만들어갔어요.
### 2단계: 기능 하나씩 붙이기
처음부터 전체를 설계한 게 아니라, "이 기능도 필요할 것 같은데?" 하면서 대화로 붙여나갔습니다:
- 작품 갤러리 + 크리에이터 프로필 페이지
- 팔로우/좋아요/댓글/북마크
- AI 이미지 생성 (6개 모델, 12가지 스타일 프리셋)
- 주간 챌린지 (테마별 참여 + 투표)
- 의뢰 매칭 (클라이언트 ↔ 크리에이터 연결)
- DM 메시지, 알림, 검색, 관리자 대시보드
예를 들어 이미지 생성 기능을 붙일 때는 이런 식으로 요청했습니다:
```
/generate 페이지에 AI 이미지 생성 기능을 추가해줘.
Google Imagen 4 API를 연동하고,
사용자가 프롬프트를 입력하면 이미지를 생성해서 보여주는 구조.
크레딧 시스템으로 하루 20크레딧 무료 제공.
스타일 프리셋 (피규어, 지브리, 애니메 등) 버튼도 만들어줘.
```
### 3단계: GCP 연동 — 여기가 가장 힘들었음
솔직히 Claude Code가 코드 짜는 건 잘하는데, 클라우드 인프라 세팅은 직접 삽질을 많이 해야 했습니다. Cloud SQL 인스턴스 생성, Firebase 프로젝트 설정, Cloud Storage 버킷 권한, Cloud Run 배포 설정... 이 부분은 GCP 콘솔에서 직접 클릭하면서 했고, 에러가 나면 에러 메시지를 클코에 붙여넣고 "이거 왜 그래?" 하는 식으로 해결했습니다.
### 4 단계: AI 이미지 생성 API 연동
Google의 Imagen 4 Ultra/4/Fast, Nano Banana/NB2/NB Pro 총 6개 모델을 연동했습니다. 사용자가 프롬프트를 입력하면 API를 호출해서 이미지를 생성하고, 크레딧 차감 + Cloud Storage 저장까지 자동으로 처리됩니다.
한국 인스타그램 페이지 스크린샷
한국 웹사이트의 홈페이지
## 결과와 배운 점
### 결과
| 항목 | 내용 |
|------|------|
| 사이트 | paletto.ink |
| 총 페이지 | 33개 프론트엔드 + 42개 API 엔드포인트 |
| DB 테이블 | 16개 |
| 제작 기간 | 약 1~2개월 (틈틈이) |
| 직접 코딩 | 거의 없음 (95%+ Claude Code) |
| 서버 비용 | 월 몇천원 (유저 적을 때) |
| 현재 상태 | 런칭 초기 — 유저 확보 중 |
### 배운 점 & 꿀팁
1. 참고 사이트 스크린샷이 최고의 프롬프트: 말로 길게 설명하는 것보다 "이런 느낌으로" 하고 스크린샷을 주는 게 훨씬 정확합니다.
2. 기능 단위로 대화하기: 한번에 "전체 사이트 만들어줘"보다 기능 하나씩 붙여나가는 게 품질이 좋았어요.
3. CLAUDE.md 파일 활용: 프로젝트 컨벤션 (디자인 토큰, 컴포넌트 패턴, API 규칙 등)을 정리해두면 세션이 바뀌어도 일관성이 유지됩니다.
4. 에러는 그냥 복붙: 에러 메시지를 그대로 붙여넣으면 대부분 알아서 해결해줍니다. 에러를 이해할 필요 없어요.
### 시행착오
- GCP 인프라 설정: 클코만으로는 한계가 있어서 직접 콘솔에서 해야 할 게 많았습니다
- 컨텍스트 길어짐: 프로젝트가 커지면 앞에서 한 작업을 까먹는 경우가 있어서, CLAUDE.md에 현재 상태를 계속 업데이트해주는 게 중요했습니다
- 디자인 감각: AI가 코드는 잘 짜주는데 디자인 감각은 줄 수 없어서, 참고 사이트를 많이 찾아봐야 했습니다
### 도움이 필요한 부분
사이트는 어느 정도 완성된 것 같은데, 마케팅/초기 유저 확보를 어떻게 해야 할지 감이 안 옵니다.
1인 서비스를 런칭해보신 분들 중에 초기 유저를 모으는 방법이나 마케팅 팁이 있으면 공유해주시면 감사하겠습니다!
### 앞으로의 계획
- 로컬 AI 모델 (Stable Diffusion 등) 지원 추가
- AI 동영상 생성 기능 (API 비용이 낮아지면)
- 크리에이터 간 의뢰 매칭 활성화
사이트: paletto.ink
