핵심 재정리
배포는 내 컴퓨터의 웹사이트를 인터넷 어디서든 접속 가능하게 서버에 올리는 과정입니다.
3과3-6
Vercel로 세상에 공개하기
만든 웹사이트를 Vercel에 배포하고 도메인을 설정하는 방법을 배웁니다
Practice Kit
수업 후 바로 남길 결과물
내 업무 연결
반복 업무 하나를 골라 AI에게 맡길 단위로 쪼갭니다.
작은 산출물
요약문, 체크리스트, 초안, 자동화 지시문 중 하나를 완성합니다.
AI에게 붙여넣을 복습 프롬프트
나는 비개발자 실무자입니다. "Vercel로 세상에 공개하기" 강의를 들었습니다.
내 업무 상황:
- 반복해서 시간이 걸리는 업무:
- 지금 막히는 지점:
- 오늘 30분 안에 만들고 싶은 결과물:
요청:
1. 이 강의의 핵심을 내 업무 기준으로 3줄 요약해줘.
2. 바로 실행할 수 있는 첫 작업 3개를 순서대로 정리해줘.
3. 내가 AI에게 붙여넣을 최종 프롬프트를 하나 만들어줘.
4. 결과물을 검수할 체크리스트를 5개로 만들어줘.검수 기준
- 오늘 만들 결과물이 한 문장으로 정리됐는가
- AI에게 맡길 일과 사람이 판단할 일이 분리됐는가
- 민감정보를 제거하거나 가명 처리했는가
- 결과물을 복사해 실제 업무 파일에 붙일 수 있는가
배포란 무엇인가요?
내 컴퓨터에서만 보이는 웹사이트는 아직 완성이 아닙니다. 인터넷 어디서든 접속할 수 있게 서버에 올리는 과정을 '배포(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가 적합합니다.
학습 완료
현재까지 완료: 0개