3사 비교 — 같은 사이트 3곳에 배포
실제 배포해서 직접 측정해보세요
| 항목 | Vercel | Netlify | Cloudflare |
|---|---|---|---|
| 배포 시간 | ~30초 | ~40초 | ~50초 |
| 한국 응답속도 | 50ms | 120ms | 40ms |
| 무료 대역폭 | 100GB/월 | 100GB/월 | 무제한 |
| Next.js 호환 | ★★★★★ | ★★★★ | ★★★ |
| 관리 UI 직관성 | ★★★★★ | ★★★★★ | ★★★ |
도메인 연결 5단계
1
도메인 구매
가비아 / Cloudflare Registrar / 호스팅KR에서 .com / .kr 등 구매 (연 1~2만원)
2
Vercel에 도메인 등록
프로젝트 → Settings → Domains → "Add" → 내 도메인 입력
3
DNS 레코드 설정
도메인 등록처 DNS 설정에서 A 레코드 또는 CNAME을 Vercel이 알려주는 값으로 설정
4
전파 대기 (5분~24시간)
whatsmydns.net에서 전파 상태 확인 가능
5
HTTPS 자동 적용 확인
Vercel이 Let's Encrypt로 자동 발급 — 자물쇠 표시 확인
Supabase로 DB 붙이기 — 풀스택 첫 경험
1
프로젝트 생성
supabase.com → New project → 비밀번호 설정 (반드시 메모!)
2
테이블 만들기
Table Editor → "guestbook" 테이블 / 컬럼: name, message, created_at
3
API 키 복사
Settings → API → Project URL과 anon public 키 복사
4
Vercel ENV 등록
Vercel 프로젝트 → Settings → Environment Variables에 등록 (절대 GitHub에 올리지 않기!)
5
코드에서 호출
AI에게 "Supabase로 방명록 만들어줘 — URL과 키는 환경변수로"
보안 4원칙 — 이것만은 꼭
🔒 .env 파일은 절대 GitHub에 올리지 말 것
.gitignore에 .env 추가 / 이미 올렸으면 키 즉시 재발급
🔒 API 키는 클라이언트 코드에 직접 박지 말 것
NEXT_PUBLIC_ 접두사가 붙은 키만 클라이언트 노출 가능 / 비밀 키는 서버 함수에서만
🔒 Supabase는 Row Level Security(RLS) 켜기
기본 OFF — 켜지 않으면 누구나 모든 데이터 읽고 쓸 수 있음
🔒 도메인은 Cloudflare에 두면 보안 자동
DDoS 방어 / WAF / 봇 차단 무료
내 프로젝트는 뭐 쓸까? — 6가지 케이스
자기소개 / 포트폴리오
GitHub Pages 또는 Vercel
동아리·수업 사이트
Vercel + Supabase
수익 블로그
Vercel + Supabase + 도메인
쇼핑몰
카페24 / Shopify / 워드프레스
학교 공식 홈페이지
가비아 호스팅 + 워드프레스
SaaS 스타트업
Vercel Pro + Supabase Pro + Cloudflare
최종 미션 — 내 프로젝트 배포 기획서
아래 항목을 채워서 한 장으로 정리하고 발표합니다.
1프로젝트 이름 / 한 줄 소개 / 대상 사용자
2선택한 플랫폼 + 그 이유 3가지
3도메인 계획 (살까? 살 거면 어디서?)
4월 예상 비용 (무료/유료/얼마)
5환경변수·보안 고려사항
6오픈 후 1년 안에 추가하고 싶은 기능
🎓 수료를 축하합니다
코드를 쓰는 사람은 많지만, 배포까지 하는 사람은 드뭅니다.
여러분은 이제 진짜로 세상에 무언가를 내놓을 수 있는 사람입니다.
배포·호스팅 마스터 인증