3과3-6
Vercel로 세상에 공개하기
만든 웹사이트를 Vercel에 배포하고 도메인을 설정하는 방법을 배웁니다
배포란 무엇인가요?
내 컴퓨터에서만 보이는 웹사이트는 아직 완성이 아닙니다. 인터넷 어디서든 접속할 수 있게 서버에 올리는 과정을 '배포(Deploy)'라고 합니다.
예전에는 서버를 직접 임대하고 설정하는 복잡한 과정이 필요했습니다. 지금은 Vercel, Netlify, GitHub Pages 같은 서비스 덕분에 클릭 몇 번으로 전 세계에 공개할 수 있습니다.
Vercel은 Next.js를 만든 회사가 운영하는 배포 플랫폼입니다. 개인 프로젝트는 무료로 사용할 수 있으며, GitHub 레포지토리와 연결하면 코드를 push할 때마다 자동으로 배포됩니다.
Vercel 배포 단계별 가이드
GitHub에 코드가 올라가 있다면 Vercel 배포는 5분이면 됩니다.
# 방법 1: Vercel 웹사이트에서 (추천)
1. vercel.com 접속 → GitHub로 로그인
2. 'Add New Project' 클릭
3. 배포할 GitHub 레포지토리 선택
4. 기본 설정 그대로 'Deploy' 클릭
5. 1-2분 기다리면 배포 완료!
→ yourusername.vercel.app 주소로 접속 가능
# 방법 2: Vercel CLI (터미널에서)
npm install -g vercel # Vercel CLI 설치
vercel # 현재 폴더 배포
vercel --prod # 프로덕션 배포TIP: Vercel은 GitHub push 후 약 30초~1분 만에 자동으로 재배포됩니다. 코드를 수정하고 push만 하면 되니, 따로 배포 명령을 칠 필요가 없습니다.
커스텀 도메인 연결하기
처음 배포하면 `프로젝트명.vercel.app` 주소가 생깁니다. 자신만의 도메인(예: mysite.com)을 연결하려면 도메인을 먼저 구매해야 합니다.
도메인 구매처: 가비아(kr), 네임칩(Namecheap), 클라우드플레어(Cloudflare) 등에서 .com 도메인은 연간 약 1~2만원에 구매할 수 있습니다.
연결 방법: Vercel 프로젝트 → Settings → Domains → 구매한 도메인 입력 → DNS 설정 안내에 따라 도메인 업체에서 설정
설정 후 10분~24시간 내에 커스텀 도메인으로 접속이 가능합니다. 무료 SSL 인증서도 자동으로 적용됩니다.
핵심 정리
- ✓배포는 내 컴퓨터의 웹사이트를 인터넷 어디서든 접속 가능하게 서버에 올리는 과정입니다.
- ✓Vercel은 GitHub와 연동해 push만 하면 자동 배포되는 무료 플랫폼입니다.
- ✓커스텀 도메인 연결은 도메인 구매 후 Vercel DNS 설정으로 쉽게 할 수 있습니다.
자주 묻는 질문
Vercel 무료 플랜으로 실제 서비스를 운영할 수 있나요?+
개인 포트폴리오, 소규모 블로그, 업무용 내부 도구 수준에서는 무료 플랜으로 충분합니다. 월 방문자가 많아지거나 팀 협업 기능이 필요해지면 유료 플랜($20/월~)으로 업그레이드하면 됩니다.
Vercel 외에 다른 무료 배포 서비스가 있나요?+
Netlify, GitHub Pages, Cloudflare Pages 등이 있습니다. 정적 웹사이트는 GitHub Pages가 가장 간단합니다. 서버사이드 기능(API 라우트, 데이터베이스)이 필요한 경우 Vercel이나 Netlify가 적합합니다.