배포 도구로 Vercel을 쓰고 유료 도메인 연결하기

Vercel에 도메인을 등록하고, 필요한 DNS 레코드를 가비아에 넣는 순서만 정리했습니다.

하미연1분 읽기

배포 도구로 Vercel을 쓰고 유료 도메인 연결하기

크게 3단계로 진행됩니다.

  1. ① Vercel에 도메인을 등록하고
  2. Vercel이 알려주는 ② DNS 레코드를 가비아에 입력한 뒤,
  3. ③ 연결 상태를 확인합니다.

1. Vercel에 유료 도메인 등록하기

Vercel 프로젝트의 Settings > Domains 메뉴 화면

  1. Vercel 대시보드에서 도메인을 연결할 프로젝트로 들어갑니다.
  2. 상단 Settings 탭 → 왼쪽 메뉴 Domains 로 이동합니다.

도메인을 입력하고 Add 버튼을 누르는 화면

  1. Add Existing 버튼을 누르고 연결할 도메인을 적습니다.

    • example.com (apex)과 www.example.com 중 원하는 형태를 입력합니다.
    • 한쪽만 추가해도 나머지는 Vercel이 리다이렉트 옵션으로 함께 제안해 줍니다.

  2. 연결 방식 중 Recommended 옵션을 선택합니다. (네임서버는 가비아에 그대로 둔 채, 레코드만 추가하는 방식입니다.)

Vercel이 안내하는 A·CNAME 레코드 표

  1. 화면에 표시된A, CNAME 레코드를 그대로 복사해 둡니다.

2. 가비아에서 필요한 레코드 확인·등록하기

My가비아 도메인 목록에서 관리 버튼을 누르는 화면

  1. 가비아에 로그인한 뒤 My가비아 버튼을 눌러, 관리 페이지로 이동합니다.
  2. 도메인 버튼을 눌러 도메인 관리 페이지로 이동합니다.

My가비아 도메인 목록에서 관리 버튼을 누르는 화면

  1. 사용하려는 도메인을 누릅니다.

My가비아 도메인 목록에서 관리 버튼을 누르는 화면

  1. DNS 관리 (DNS 관리툴) 버튼을 눌러 DNS 관리 메뉴로 이동합니다.

가비아 DNS 정보에서 DNS 관리로 진입하는 화면

  1. 사용하려는 도메인 우측의 설정 버튼을 누릅니다.

가비아 DNS 정보에서 DNS 관리로 진입하는 화면

  1. 레코드 수정 버튼을 누릅니다.

가비아 DNS 정보에서 DNS 관리로 진입하는 화면

  1. DNS 레코드 수정 화면에서 앞서 복사한 값을 그대로 입력합니다.

    타입 호스트 값/위치
    A @ Vercel이 알려준 IP (예: 76.76.21.21)
    CNAME www cname.vercel-dns.com.
    • CNAME 값 끝에 . 을 붙여서 입력해야 합니다. 복사한 CNAME 값은 가장 마지막에 .이 없을 수 있으니 추가한 후 저장합니다.

3. 연결 확인하기

Vercel Domains 화면에서 Valid Configuration 상태가 된 모습

  1. Vercel의 Domains 화면으로 돌아옵니다.

  2. 도메인 옆 상태가 Valid Configuration 으로 바뀌면 연결이 완료된 것입니다.

    • DNS 전파에 수 분~수십 분이 걸릴 수 있으며, 이 동안은 Invalid Configuration 으로 표시됩니다.
    • 시간이 지나도 그대로면 Refresh 를 눌러 다시 확인합니다.

  3. 브라우저에서 도메인으로 접속해 사이트가 정상적으로 뜨는지 확인합니다.