27장 — 배포 흐름
CHAPTER 27
배포 흐름
Cloudflare · Vercel · VPS Phase별 선택
📑 이 챕터에서 다룰 내용

새 26장에서 글쓰기 흐름을 봤습니다. 이제 "코드를 어디에 박는가"의 차원입니다 — 배포. 배포 옵션이 너무 많아 "무엇이 정답"의 막힘이 발생합니다. Vercel·Cloudflare Pages·Cloudflare Workers·Netlify·자체 VPS (Contabo·Hetzner)... Phase 1·2·3마다 권장이 다르고, 한국 사용자 도달 (latency) 도 다릅니다.

📘 사전 지식 체크 + 이 장의 목적

사전 지식: 새 17장 비용 가설 / 별책부록 1·2편 (Contabo·Ubuntu)

이 장의 목적: 4 배포 옵션 비교 + 정적·동적·백엔드·DB 분리 + Phase별 권장 + 한국 latency + 셋업 시간 + Junho 권장

완료 후 결과물: 본인 4 프로젝트 Phase별 배포 결정

💡 배포 결정 = Phase 영향

Phase 1에 자체 VPS 세팅하면 Phase 1이 30일 → 50일이 됩니다. Phase 1은 "무료 + 빠른 셋업"으로 의식하세요. 자체 VPS는 Phase 2~3 진입 시 결정합니다.

27-1 4 배포 옵션 비교 🔗

4 옵션 한 페이지 표

옵션정적동적백엔드DB한국 latency비용 (Phase 1)
Cloudflare✅ Workers✅ Workers✅ D1★ 30~50ms$0
Vercel✅ Functions✅ Functions약 80~120ms$0
Netlify✅ Functions✅ Functions약 80~120ms$0
자체 VPS (Contabo)✅ PostgreSQL약 80~150ms$7~$10/월

옵션별 강점·약점

💻 옵션별 강점·약점
[Cloudflare 강점]
- 한국 latency 30~50ms (★ 가장 빠름)
- 무료 한도 큼 (100K 호출/일)
- 통합 (Pages + Workers + D1 + R2)
- 한국 사용자 도달 빠름

[Cloudflare 약점]
- Workers 환경 일부 제약 (Node.js 모듈 호환)
- D1 SQLite 기반 (PostgreSQL X)
- 학습 곡선

[Vercel 강점]
- Next.js 통합 (가장 매끄러움)
- 빌드 자동화 빠름
- 분석·모니터링 강함

[Vercel 약점]
- 한국 latency 80~120ms (Cloudflare 비)
- 비용 Phase 2 진입 시점 빠름
- DB X (Supabase·Neon 결합 의무)

[자체 VPS 강점]
- 100% 제어 (root)
- 비용 가장 작음 (Phase 3 기준)
- 데이터 소유권 100%

[자체 VPS 약점]
- 셋업 시간 5분~5시간 (별책부록 1·2편)
- 보안·유지보수 부담 (별책부록 2편)
- 한국 latency 약 80~150ms (싱가포르·일본 위치)
27-2 정적 사이트 — Cloudflare Pages·GitHub Pages·Netlify 🔗

정적 사이트 3 옵션

💻 정적 사이트 3 옵션
[Cloudflare Pages — 권장]
- 무료 무제한
- 빌드 500/월
- 한국 latency 30~50ms
- ★ Phase 1 권장

[GitHub Pages]
- 무료 무제한
- 빌드 자동
- 한국 latency 약 100ms (미국)
- 도메인 직접 결합

[Netlify]
- 무료 100GB 대역폭
- 빌드 300분/월
- 한국 latency 약 80~120ms
💡 Phase 1 정적 사이트 권장

Cloudflare Pages 1순위. 도메인 결합 (Cloudflare DNS 무료). HTTPS 자동. 셋업 시간 5분.

27-3 동적 사이트 — Vercel·Cloudflare Workers 🔗

동적 사이트 2 옵션

💻 동적 사이트 2 옵션
[Vercel — Next.js 권장]
- Next.js 14 통합 매끄러움
- React 14·15 자동 최적화
- 빌드 자동 (git push → 배포)
- 한국 latency 약 80~120ms
- ★ Next.js 프로젝트 권장

[Cloudflare Workers — 한국 도달 권장]
- 한국 latency 30~50ms
- 무료 100K 호출/일
- 통합 (D1·R2·KV)
- ★ 한국 사용자 위주 권장

Junho 권장 결합

💻 Junho 4 프로젝트 흐름
[Junho 4 프로젝트 흐름]
- TSV: Vercel + Supabase (Next.js + 한국·글로벌)
- 줍줍: Vercel + Supabase (Expo + Web)
- AlbaFlow: Cloudflare Workers + D1 (한국 우선)
- viewLab: Cloudflare Pages + Workers (한국 우선)

[근거]
- TSV·줍줍: Phase 3 글로벌 진입 가설 → Vercel
- AlbaFlow·viewLab: 한국 시장 우선 → Cloudflare
27-4 백엔드 — Cloudflare Worker·Supabase·자체 VPS 🔗

백엔드 3 옵션

💻 백엔드 3 옵션
[Cloudflare Worker — 가벼운 백엔드]
- 무료 100K 호출/일
- Edge 실행 (한국 30~50ms)
- 단순 API·webhook·cron
- ★ Phase 1 권장

[Supabase Edge Function — DB 결합]
- 무료 500K 호출/월
- Deno 기반
- Supabase DB·Auth 결합 매끄러움
- ★ DB 의존 백엔드 권장

[자체 VPS — Phase 3+]
- Express·Fastify·Hono
- 100% 제어
- pm2·systemd (별책부록 5편)
- ★ Phase 3+ 권장

백엔드 결합 흐름 — Phase별

💻 Phase별 백엔드 흐름
[Phase 1]
- Cloudflare Worker (단순 API)
- Supabase Edge Function (DB API)

[Phase 2]
- Cloudflare Worker (사용량 폭증)
- Supabase Edge Function 또는 Vercel Functions

[Phase 3]
- 자체 VPS (Contabo)
- 봇·cron·복잡 백엔드
- 별책부록 1·2·5편 결합
27-5 DB — D1·Supabase·Neon·자체 PostgreSQL 🔗

DB 4 옵션

💻 DB 4 옵션
[Cloudflare D1 — SQLite]
- 무료 5GB
- 100M 쿼리/일
- 한국 latency 30~50ms
- ★ Phase 1·2 권장 (SQLite 한도)

[Supabase — PostgreSQL]
- 무료 500MB
- $25/월 (Phase 2 진입)
- Auth·Storage·Edge Function 결합
- ★ B2C·B2B SaaS 권장

[Neon — PostgreSQL]
- 무료 0.5GB
- $19/월 (Phase 2 진입)
- 빠른 startup
- ★ Vercel 결합 권장

[자체 PostgreSQL]
- VPS에 박음
- 100% 제어
- 비용 (VPS) ~$10/월
- ★ Phase 3+ 권장

DB 선택 흐름

💻 Phase별 DB 흐름
[흐름]
1. Phase 1: D1 또는 Supabase Free
2. Phase 2: Supabase Pro 또는 Neon Pro
3. Phase 3: 자체 PostgreSQL (Contabo)

[Junho 4 프로젝트]
- TSV: Supabase (페르소나·콘텐츠)
- 줍줍: Supabase (Auth·jupjups)
- AlbaFlow: D1 (간단 B2B)
- viewLab: Supabase (Auth + 분석)
27-6 비용 비교 — Phase별 🔗
💻 Phase별 비용
[Phase 1 — 무료 한도]
- 정적: Cloudflare Pages $0
- 동적: Vercel Hobby $0 또는 Cloudflare Workers $0
- 백엔드: Cloudflare Worker $0 또는 Supabase Edge Function $0
- DB: Supabase Free $0 또는 D1 $0
- 합계 약 $0/월

[Phase 2 — Pro 진입]
- Vercel Pro: $20/월
- Cloudflare Workers Paid: $5/월
- Supabase Pro: $25/월
- 도메인 + Cloudflare Pro: $20/월
- 합계 약 $30~$70/월

[Phase 3 — 자체 VPS 결합]
- Vercel Pro: $20/월 (글로벌)
- Cloudflare Workers Paid: $5/월
- Contabo VPS: $7~$10/월
- Supabase Pro 또는 자체 PostgreSQL: $0~$25/월
- 도메인·SSL·CDN: $30/월
- 합계 약 $60~$100/월

[★ 4 프로젝트 합계]
- Phase 3 약 $250~$400/월
- 수익 $5000+/월 → 흑자 흡수
27-7 한국 latency 비교 🔗

4 옵션 한국 사용자 도달 시간

옵션위치한국 latency핵심 의식
Cloudflare한국 (서울·인천)30~50ms★ 가장 빠름
Vercel일본 (도쿄) Edge80~120ms미국 source 시 200ms+
Supabase싱가포르 (기본)80~120ms한국 region 선택 X
Contabo싱가포르 / 독일80~250ms위치 선택 의식
💻 한국 사용자 권장
[Phase 1·2 — Cloudflare 우선]
- 한국 사용자 도달 가장 빠름
- 무료 한도 큼

[Phase 3 — 글로벌 결합]
- Cloudflare (한국·아시아)
- Vercel (미국·유럽)
- 다중 region 흐름
27-8 셋업 시간 — 5분·30분·2시간 🔗

셋업 시간별 흐름

💻 셋업 시간별 흐름
[5분 셋업]
- Cloudflare Pages (정적)
- GitHub repo → Cloudflare Pages 결합
- 도메인 결합 + HTTPS 자동

[30분 셋업]
- Vercel (Next.js)
- Supabase Free 결합
- 환경 변수 박기

[2시간 셋업]
- Cloudflare Workers + D1
- wrangler CLI 설치
- D1 스키마 박기
- Workers 코드 + 환경 변수

[5시간+ 셋업]
- 자체 VPS (별책부록 1·2·5편)
- Contabo 가입 + Ubuntu 보안 + nginx + pm2 + DB
- Phase 3+ 결정 후 시작
⚠️ Phase 1에 자체 VPS 셋업 X

Phase 1 30일 안 셋업 의식 — Cloudflare Pages (정적): Day 1, 5분 / Supabase Free (DB): Day 1, 10분 / Supabase Edge Function (백엔드): Day 2, 30분 / 합계 약 45분 셋업 → 본문 코드에 모든 시간.

Phase 1에 자체 VPS 셋업 X — 5시간+ 셋업 = Phase 1 시간 17% 손실. Phase 1 무산 위험.

27-9 Junho 권장 — Cloudflare 통합 (Phase 1) · 자체 VPS (Phase 3+) 🔗

Phase별 권장 결합

💻 Phase별 권장 결합
[Phase 1 — Cloudflare 통합]
- 정적: Cloudflare Pages
- 동적: Cloudflare Workers
- DB: D1 또는 Supabase Free
- 도메인: Cloudflare DNS
- 비용: $0/월
- 셋업: 5~30분

[Phase 2 — Vercel 추가 (글로벌)]
- 글로벌 진입 시 Vercel
- Cloudflare 한국 + Vercel 글로벌
- DB: Supabase Pro
- 비용: 약 $50/월

[Phase 3 — 자체 VPS 결합]
- 봇·cron·복잡 백엔드: Contabo VPS
- 별책부록 1·2·5편 결합
- DB: 자체 PostgreSQL 또는 Supabase Pro
- 비용: 약 $60~$100/월

4 프로젝트 Phase 3 흐름 가설

💻 4 프로젝트 Phase 3 흐름
[TSV — 콘텐츠 미디어]
- Vercel (Next.js·SEO·글로벌)
- Supabase (DB·Auth)
- Cloudflare (한국 도달)

[줍줍 — B2C 앱]
- Vercel (Next.js·웹) + Expo (모바일)
- Supabase (DB·Auth·Storage)
- Cloudflare (한국 도달)

[AlbaFlow — B2B SaaS]
- Cloudflare Workers (한국 우선)
- D1 또는 Supabase
- Contabo VPS (봇·cron)

[viewLab — 분석 도구]
- Cloudflare Pages·Workers
- Supabase
- Contabo VPS (분석 봇)

📌 새 27장 정리

핵심 한 줄: Phase 1 = Cloudflare 통합 ($0/5분 셋업). Phase 3 = 자체 VPS 결합 ($60~$100/월).

  • 4 옵션: Cloudflare (한국 30~50ms / $0) / Vercel (80~120ms / $0~$20) / Netlify (80~120ms / $0) / Contabo (80~150ms / $7~$10)
  • 정적: Cloudflare Pages 1순위 (5분 셋업)
  • 동적: Vercel — Next.js 권장 / Cloudflare Workers — 한국 사용자 우선
  • 백엔드 흐름: Phase 1 — Cloudflare Worker 또는 Supabase Edge Function / Phase 3 — 자체 VPS
  • DB 흐름: Phase 1 — D1 또는 Supabase Free / Phase 2 — Supabase Pro / Phase 3 — 자체 PostgreSQL
  • 비용 가설: Phase 1 $0/월 / Phase 2 $30~$70/월 / Phase 3 $60~$100/월 (1 프로젝트)
  • 한국 latency: Cloudflare 30~50ms < Vercel/Supabase/Contabo 80~150ms
  • 셋업 시간: Phase 1 (Cloudflare 통합) 45분 / Phase 3 (자체 VPS) 5시간+

배포 4 옵션·정적·동적·백엔드·DB 분리·Phase별 권장·한국 latency·셋업 시간·Junho 4 프로젝트 흐름까지 손에 들렸습니다. "어디에 무엇 박을까"의 막힘이 "Phase 1 Cloudflare 5분 셋업"으로 풀립니다.

💬
🤖 Vibe Coding 도우미
안녕하세요! Vibe Coding 시리즈에 대해 무엇이든 물어보세요 😊