만 원으로 내 사이트를 세상에 꺼내다 — 도메인, GitHub, Vercel

여기까지 왔다면 당신의 로컬 머신에는 이미 Astro 프로젝트가 돌아가고 있을 겁니다. localhost:4321에서 혼자 감상하는 것도 좋지만, 이제 이걸 세상에 꺼내야 합니다.

이 글에서 다루는 것:

• 도메인 구매 (가비아, 만 원 이내)
• GitHub 레포지토리 연결
• Vercel 무료 티어로 배포
• 무료 티어 사용 시 주의사항

Step 1. 도메인 구매 — 내 이름으로 된 주소

도메인 없이도 Vercel의 기본 URL(your-project.vercel.app)로 배포는 가능합니다. 하지만 개인 사이트라면 자기 이름의 도메인을 갖는 것을 강력히 추천합니다. 이유는 단순합니다 — 프로페셔널하니까요.

도메인 구매 과정 (가비아 기준):

1. 가비아(gabia.com)에 접속
2. 원하는 도메인 검색 (예: beachcombers.co.kr)
3. .co.kr이나 .kr 도메인은 보통 연 5,000~10,000원 수준
4. 결제 후 네임서버 설정은 나중에 Vercel 연결 시 변경

💡 .com은 보통 15,000원 내외, .dev나 .io는 더 비쌉니다. 개인 사이트라면 .co.kr이 가성비 최고입니다.

처음 도메인을 살 때 주의할 점:

• 자동 갱신 설정 확인 (잊으면 도메인이 만료됩니다)
• 개인정보 보호 서비스(Whois 보호) 활성화
• 이메일 주소는 실제 사용하는 것으로 등록

Step 2. GitHub에 올리기

Vercel은 GitHub 레포지토리와 연동되어 git push만 하면 자동으로 빌드하고 배포합니다. 그러니 먼저 코드를 GitHub에 올려야 합니다.

# 프로젝트 루트에서
git init
git add -A
git commit -m "init: astro personal site"

# GitHub에서 새 레포 생성 후
git remote add origin https://github.com/your-username/your-repo.git
git branch -M main
git push -u origin main

레포지토리 설정 팁:

• Private 으로 만들어도 Vercel 배포에는 문제없습니다
• .gitignore에 node_modules/, dist/, .env 등이 포함되어 있는지 확인하세요
• Astro 프로젝트를 npm create astro로 만들었다면 기본 .gitignore가 이미 적절합니다

Step 3. Vercel에 배포하기

Vercel은 프론트엔드 배포 플랫폼입니다. Hobby(무료) 플랜으로도 개인 사이트를 운영하기에 충분합니다.

배포 과정:

1. vercel.com에 가입 (GitHub 계정으로 로그인 추천)
2. “New Project” 클릭
3. 방금 올린 GitHub 레포지토리를 선택
4. Framework Preset에서 Astro를 선택 (자동 감지되기도 합니다)
5. “Deploy” 클릭

끝입니다. 정말로. 1분이면 빌드가 끝나고 your-project.vercel.app 주소로 사이트가 올라갑니다. 이후에는 main 브랜치에 push할 때마다 자동으로 재배포됩니다.

Step 4. 커스텀 도메인 연결

Vercel 대시보드에서:

1. 프로젝트 선택 → Settings → Domains
2. 구매한 도메인 입력 (예: beachcombers.co.kr)
3. Vercel이 안내하는 DNS 레코드를 가비아에서 설정

가비아 DNS 설정:

타입: A
호스트: @
값: 76.76.21.21

타입: CNAME
호스트: www
값: cname.vercel-dns.com

DNS 전파에 보통 수 분에서 최대 48시간이 걸릴 수 있지만, 대부분 30분 이내에 적용됩니다. HTTPS 인증서도 Vercel이 자동으로 발급해줍니다.

Vercel 무료 티어 — 뭐가 되고 뭐가 안 되나

Hobby 플랜은 개인 프로젝트에 한해 무료입니다. 주요 제한사항:

항목	Hobby (무료)	Pro (유료)
배포 횟수	무제한	무제한
대역폭	100GB/월	1TB/월
빌드 시간	100시간/월	400시간/월
서버리스 함수	12개/배포	무제한
팀 멤버	1명	무제한

⚠️ 상업적 사용 주의사항:

이 부분이 중요합니다. Vercel의 Hobby 플랜은 비상업적(Non-commercial) 개인 용도에만 허용됩니다.

• ✅ 개인 포트폴리오, 블로그, 사이드 프로젝트
• ✅ 오픈소스 프로젝트
• ❌ 수익을 창출하는 서비스 (광고 수입 포함)
• ❌ 회사/팀 프로젝트
• ❌ 클라이언트를 위한 상업적 웹사이트

만약 사이트에 광고를 달거나, 유료 서비스를 연결하거나, 프리랜서로서 클라이언트 사이트를 배포한다면 Pro 플랜(월 $20)으로 전환해야 합니다. 이를 무시하면 서비스가 중단될 수 있습니다.

개인 블로그와 포트폴리오 용도라면 Hobby 플랜으로 충분하고도 남습니다.

정리: 여기까지 든 비용

항목	비용
Astro (프레임워크)	무료
GitHub (저장소)	무료
Vercel (호스팅)	무료
도메인 (.co.kr 1년)	~8,000원
SSL 인증서	무료 (Vercel 자동)
합계	약 8,000원

커피 두 잔 값으로 자기 이름의 도메인에서 돌아가는 웹사이트를 갖게 됩니다.

다음 글에서는 배포 이후 반드시 챙겨야 할 보안 설정들을 다루겠습니다. 무료라고 보안까지 무료는 아니니까요.