VIBE CODING · WEBSITE GUIDE
Vercel 도메인 연결 방법
무료 주소 변경부터 개인 도메인 연결, DNS 설정까지 초보자도 쉽게 따라 할 수 있는 실전 가이드입니다.
AI로 웹사이트를 만들고 Vercel에 배포했다면 이제 나만의 주소를 연결할 차례입니다.
처음 배포하면 vercel.app이라는 주소가 제공됩니다. 이 주소를 그대로 사용해도 되지만, 개인 도메인을 연결하면 더욱 전문적인 웹사이트를 운영할 수 있습니다.
이번 글에서는 무료 주소 변경 방법과 개인 도메인 연결 방법을 단계별로 알아보겠습니다.
이 글의 목차
- 도메인과 DNS 이해하기
- Vercel 도메인 연결 방식
- 무료 주소 변경하기
- 개인 도메인 구매하기
- Vercel에 도메인 등록하기
- A 레코드와 CNAME 설정하기
- 연결 오류 해결하기
01. 도메인과 DNS 이해하기
도메인은 인터넷에서 내 웹사이트를 찾아올 수 있도록 만들어 주는 주소입니다.
예를 들어 다음과 같은 주소가 있습니다.
google.com
naver.com
mywebsite.com
웹사이트는 실제로 서버의 IP 주소를 통해 접속합니다. 하지만 숫자로 된 주소는 기억하기 어렵기 때문에 사람이 쉽게 기억할 수 있는 도메인을 사용합니다.
DNS란 무엇일까?
DNS는 도메인 이름을 실제 서버 주소와 연결해 주는 시스템입니다.
도메인 : 웹사이트 주소
DNS : 도메인과 서버를 연결하는 시스템
DNS 레코드 : 연결에 필요한 설정 정보
02. Vercel 도메인 연결 방식
Vercel에서는 기본 제공 주소를 사용하거나 별도로 구매한 개인 도메인을 연결할 수 있습니다.
방법 A. 무료 Vercel 주소
예시: myblog.vercel.app
별도의 도메인 구매 비용 없이 사용할 수 있습니다. 개인 프로젝트나 테스트용 웹사이트에 적합합니다.
방법 B. 개인 도메인
예시: mywebsite.com
직접 구매한 도메인을 연결하는 방법입니다. 브랜드나 사업용 웹사이트에 적합합니다.
처음에는 무료 Vercel 주소를 사용하세요. 웹사이트가 완성된 뒤 개인 도메인을 연결해도 늦지 않습니다.
03. 무료 Vercel 주소 변경하기
무료 주소는 별도의 도메인을 구매하지 않고 사용할 수 있습니다.
변경 전
my-first-site.vercel.app
변경 후 예시
myblog.vercel.app
STEP 1. Vercel 로그인
로그인한 뒤 주소를 변경할 프로젝트를 선택합니다.
STEP 2. 프로젝트 설정
프로젝트의 Settings 메뉴에서 Domains 항목으로 이동합니다.
STEP 3. 주소 변경
현재 등록된 기본 주소를 확인합니다. 변경 가능한 주소 설정에서 원하는 이름을 지정합니다.
STEP 4. 저장 및 확인
변경 사항을 저장한 다음 새 주소로 접속합니다.
주의: 이미 다른 사용자가 등록한 주소는 사용할 수 없습니다. 또한 Vercel의 프로젝트 이름과 배포 도메인은 서로 다른 설정일 수 있으므로 Domains 메뉴에서 실제 연결 상태를 확인하세요.
04. 개인 도메인 구매하기
나만의 도메인을 사용하려면 먼저 도메인 등록 업체에서 원하는 주소를 구매해야 합니다.
국내에서는 가비아 등의 서비스를 이용할 수 있습니다.
구매 전 확인할 사항
- 도메인 이름이 짧고 기억하기 쉬운가?
- 첫해 등록 비용은 얼마인가?
- 다음 해 갱신 비용은 얼마인가?
- 자동 연장 설정은 어떻게 되어 있는가?
- 원하는 도메인을 사용할 수 있는가?
특히 첫해 할인 가격만 확인하지 마세요. 다음 해 갱신 비용까지 비교하는 것이 좋습니다.
05. 구매한 도메인을 Vercel에 등록하기
STEP 1. Domains 메뉴 열기
Vercel 대시보드에서 연결할 프로젝트를 선택합니다.
Settings → Domains 메뉴로 이동합니다.
STEP 2. 도메인 추가
Add Domain 또는 Add Existing 버튼을 클릭합니다.
구매한 도메인 주소를 입력합니다.
입력할 때 https://는 제외합니다.
STEP 3. DNS 설정값 확인
도메인을 추가하면 Vercel에서 DNS 설정에 필요한 정보를 안내합니다.
이 정보를 확인한 다음 도메인 등록 업체의 DNS 관리 페이지로 이동합니다.
06. A 레코드와 CNAME 설정하기
DNS 설정에서 가장 많이 사용하는 레코드는 A 레코드와 CNAME입니다.
① A 레코드
A 레코드는 도메인을 IPv4 주소와 연결합니다.
| 항목 | 설정 예시 |
|---|---|
| 타입 | A |
| 호스트 | @ |
| 값 | Vercel 안내 IP 주소 |
② CNAME 레코드
CNAME은 www와 같은 하위 도메인을 다른 도메인 이름으로 연결합니다.
| 항목 | 설정 예시 |
|---|---|
| 타입 | CNAME |
| 호스트 | www |
| 값 | Vercel 안내 주소 |
위 표는 이해를 돕기 위한 일반적인 예시입니다. 실제 IP 주소와 CNAME 값은 프로젝트별 안내에 따라 입력해야 합니다.
기존 DNS 레코드와 충돌하지 않는지도 확인하세요.
DNS 설정을 저장한 다음 Vercel로 돌아옵니다.
정상적으로 연결되면 Valid Configuration 상태를 확인할 수 있습니다.
07. 도메인 연결 확인하기
DNS 설정을 마쳤다면 다음 항목을 확인합니다.
연결 확인 체크리스트
□ Vercel Domains 메뉴에서 상태 확인
□ Valid Configuration 표시 확인
□ 기본 도메인 접속 테스트
□ www 주소 접속 테스트
□ HTTPS 보안 연결 확인
DNS 정보는 변경 후 전파되는 시간이 필요합니다. 따라서 설정 직후 접속되지 않더라도 잠시 기다린 후 다시 확인하세요.
08. 도메인 연결 오류 해결하기
Invalid Configuration 오류
DNS 레코드가 잘못되었거나 아직 전파되지 않았을 수 있습니다.
- A 레코드 값 확인
- CNAME 값 확인
- 중복되거나 충돌하는 레코드 확인
기존 웹사이트가 계속 나타나는 경우
브라우저 캐시 또는 DNS 캐시 문제일 수 있습니다.
- Ctrl + F5로 새로고침
- 시크릿 창에서 접속
- DNS 전파 시간 기다리기
SSL 인증서 오류
DNS 검증이 완료되지 않았거나 인증서 발급이 진행 중일 수 있습니다. Vercel의 도메인 상태를 먼저 확인하세요.
09. 도메인 연결 후 해야 할 일
도메인 연결이 완료되었다면 웹사이트 운영을 위한 마무리 작업을 진행하세요.
- GitHub README에 새 주소 기록하기
- 이메일 서명에 웹사이트 주소 추가하기
- Google Search Console에 사이트 등록하기
- www 주소와 기본 도메인 연결 확인하기
- 도메인 갱신일 기록하기
마무리: 나만의 웹사이트 주소 만들기
Vercel 도메인 연결은 처음에는 복잡하게 느껴질 수 있습니다.
하지만 기본 원리를 이해하면 어렵지 않습니다.
무료 주소를 사용한다면 Vercel에서 기본 주소를 설정하면 됩니다. 개인 도메인을 사용한다면 도메인을 등록하고 DNS 레코드를 연결하면 됩니다.
처음에는 무료 주소로 시작하고, 웹사이트가 완성되면 나만의 도메인을 연결해 보세요.
AI 웹사이트 제작 · Vercel 활용 가이드
