[사이트] Vercel 배포 사이트 개인 도메인 연결하기 (호스팅kr/DNS 설정)

 

안녕하세요 무택입니다 :)

이전에 올린 깃허브와 베르셀을 이용해 무료 사이트 만들고 배포하기에 이은 개인 도메인 연결하는 방법에 대해 써보려고 합니다.

 

Vercel은 훌륭한 배포 편의성을 제공하지만, 기본 제공되는 vercel.app 도메인은 사이트의 브랜딩과 신뢰도 측면에서 아쉬움이 남습니다. 내 프로젝트를 정식 서비스처럼 보이게 하려면 개인 도메인(Custom Domain) 연결은 필수입니다

 

오늘은 국내에서 많이 사용하는 도메인 등록 업체인 호스팅kr(HostingKR)을 기준으로, Vercel 프로젝트에 나만의 도메인을 연결하고 DNS(Domain Name System, 사람이 읽을 수 있는 도메인 이름을 기계가 읽을 수 있는 IP 주소로 변환하는 시스템) 설정을 마치는 과정을 단계별로 정리해 보겠습니다.

 

 

Vercel 배포 사이트 개인 도메인에 연결하기

 

1. 우선 도메인 사이트는 호스팅kr을 이용할 겁니다. 가장 싸거든요. 호스팅kr에 들어가서 원하는 도메인을 구매해 줍시다.

 

2. 그리고 다시 Vercel로 돌아와 'Domains - Add Existing Domain'을 눌러 구매한 도메인을 추가해 봅시다.

 

3. 도메인을 입력해 주세요.

사진에는 http등 기타 텍스트가 들어갔지만 이 부분은 빼고 순수한 도메인(glssum.kr)만 입력해야 합니다.

 

4. 그리고 본인이 배포한 프로젝트 중 연결할 프로젝트를 선택해 주세요.

 

5. 그러면 처음에 'Invalid Configuration'이라고 뜰 거예요. 왜냐하면 아직 도메인과 연결되진 않았거든요.

 

하단의 Type Name Value를 호스팅kr에서 넣어줘야 연결이 완료됩니다.

 

6. 호스팅kr에서 '대시보드 - 네임서버/DNS - 새 레코드 추가'를 눌러 Vercel에 있던 값을 넣고 확인을 눌러주세요. 그럼 값이 추가될 거고 이 상태에서 뭐 짧으면 몇 분인데 길면 하루정도까지 기다리면 Vercel의 프로젝트와 도메인이 연결되게 됩니다.