안동민 개발노트

웹사이트를 배포하고 나면, 사용자들이 기억하기 쉽고 브랜드 가치를 높이는 커스텀 도메인(Custom Domain) 을 연결하는 것이 중요합니다. Vercel과 같은 현대적인 배포 플랫폼은 Next.js 애플리케이션에 커스텀 도메인을 쉽고 빠르게 연결할 수 있는 기능을 제공합니다. 이 절에서는 커스텀 도메인의 중요성, 도메인 구매 및 네임 서버 설정 과정, Vercel에서 커스텀 도메인을 연결하는 방법, 그리고 SSL/TLS 인증서 자동 발급 및 HTTPS 적용에 대해 상세히 알아보겠습니다.

커스텀 도메인의 중요성

브랜딩 강화: yourproject.vercel.app과 같은 기본 도메인보다 yourcompany.com과 같은 커스텀 도메인이 훨씬 전문적이고 기억하기 쉽습니다. 이는 사용자들에게 신뢰감을 주고 브랜드 인지도를 높입니다.
SEO 이점: 검색 엔진은 일관된 도메인을 선호합니다. 커스텀 도메인을 사용하면 SEO(검색 엔진 최적화)에 긍정적인 영향을 미쳐 검색 결과에서 더 높은 순위를 얻는 데 도움이 될 수 있습니다.
사용자 접근성: 짧고 직관적인 도메인 이름은 사용자가 웹사이트를 쉽게 기억하고 직접 입력하여 방문할 수 있도록 돕습니다.
이메일 주소 활용: 커스텀 도메인을 사용하여 info@yourcompany.com과 같은 전문적인 이메일 주소를 설정할 수 있습니다.

도메인 구매 및 네임 서버 설정

커스텀 도메인을 연결하려면 먼저 도메인 등록기관(Domain Registrar)을 통해 원하는 도메인 이름을 구매해야 합니다.

도메인 등록기관 선택 및 도메인 구매

대표적인 도메인 등록기관은 다음과 같습니다:

국내: 가비아, 후이즈, 카페24 도메인
해외: GoDaddy, Namecheap, Google Domains, Cloudflare Registrar

원하는 도메인 이름을 검색하여 구매합니다. .com, .co.kr, .net, .org 등 다양한 최상위 도메인(TLD) 중에서 선택할 수 있습니다.

네임 서버(Name Server) 설정

도메인을 구매한 후에는 도메인의 네임 서버(Name Server) 를 설정해야 합니다. 네임 서버는 도메인 이름(예: yourwebsite.com)을 웹사이트가 호스팅되는 서버의 IP 주소로 변환해주는 역할을 합니다.

Vercel의 네임 서버로 변경하는 방법 (권장):

가장 간단하고 Vercel의 모든 기능을 완벽하게 활용할 수 있는 방법입니다. 도메인 등록기관의 설정 페이지에서 도메인의 네임 서버를 Vercel이 제공하는 네임 서버로 변경합니다.

ns1.vercel-dns.com
ns2.vercel-dns.com

설정 과정

도메인을 구매한 등록기관의 웹사이트에 로그인합니다.
"My Domains" 또는 "Domain Management" 섹션으로 이동합니다.
설정하려는 도메인을 선택합니다.
"Nameservers" 또는 "DNS" 설정 섹션을 찾습니다.
기존 네임 서버를 Vercel의 네임 서버(ns1.vercel-dns.com, ns2.vercel-dns.com)로 변경하고 저장합니다.
네임 서버 변경은 전 세계 DNS 서버에 전파되는 데 최대 24~48시간이 소요될 수 있습니다 (DNS 전파 시간).

주의: 네임 서버를 변경하면 해당 도메인에 연결된 모든 기존 서비스(예: 이메일, 다른 호스팅 웹사이트)도 Vercel의 DNS 관리로 이전되므로 주의해야 합니다. 기존 서비스가 있다면, Vercel의 DNS 설정에서 해당 레코드들을 수동으로 추가해야 합니다.

Vercel에서 커스텀 도메인 연결하기

네임 서버 변경이 완료되면 Vercel 대시보드에서 커스텀 도메인을 프로젝트에 연결합니다.

Vercel 대시보드 로그인: vercel.com에 접속하여 로그인합니다.
프로젝트 선택: 커스텀 도메인을 연결할 Next.js 프로젝트를 선택합니다.
"Settings" 탭 이동: 프로젝트 대시보드 상단의 "Settings" 탭을 클릭합니다.
"Domains" 메뉴 선택: 좌측 사이드바에서 "Domains" 를 선택합니다.
새 도메인 추가:
- Input Domain: 연결하려는 커스텀 도메인 이름(예: yourwebsite.com)을 입력하고 "Add" 버튼을 클릭합니다.
도메인 설정 확인: Vercel은 입력한 도메인의 DNS 레코드를 확인하고, 네임 서버가 올바르게 설정되었는지 검증합니다.
- 만약 네임 서버를 Vercel로 변경했다면, Vercel은 자동으로 도메인 소유권을 확인하고 필요한 DNS 레코드를 생성하여 프로젝트에 연결합니다. 상태가 "Valid"로 표시될 것입니다.
- 네임 서버를 변경하지 않고 기존 DNS 공급자를 계속 사용하려면, Vercel이 제공하는 A 레코드 또는 CNAME 레코드를 기존 DNS 설정에 수동으로 추가해야 합니다. 이 방법은 조금 더 복잡하며, SSL 인증서 발급 과정에서 추가적인 설정이 필요할 수 있습니다. Vercel 네임 서버를 사용하는 것이 가장 권장됩니다.
연결 완료: 도메인 상태가 "Valid"로 표시되면, 이제 커스텀 도메인을 통해 Next.js 애플리케이션에 접근할 수 있습니다.

SSL/TLS 인증서 자동 발급 및 HTTPS 적용

Vercel의 가장 큰 장점 중 하나는 커스텀 도메인 연결 시 SSL/TLS 인증서를 자동으로 발급하고 관리해 준다는 점입니다.

HTTPS 자동 적용: Vercel은 Let's Encrypt와 같은 인증 기관을 통해 도메인에 대한 SSL/TLS 인증서를 자동으로 발급하고 갱신합니다. 이는 웹사이트가 항상 HTTPS로 안전하게 서비스되도록 보장합니다.
보안 강화: HTTPS는 웹사이트와 사용자 브라우저 간의 통신을 암호화하여 데이터 가로채기나 변조를 방지합니다. 이는 사용자 개인 정보 보호 및 보안에 필수적입니다.
SEO 이점: Google을 비롯한 검색 엔진은 HTTPS를 사용하는 웹사이트에 SEO 가산점을 부여합니다.
사용자 신뢰: 브라우저 주소창에 나타나는 자물쇠 아이콘은 사용자에게 웹사이트가 안전하다는 신뢰를 줍니다.

별도의 설정 불필요: Vercel을 통해 커스텀 도메인을 연결하고 네임 서버를 Vercel로 지정했다면, SSL/TLS 인증서 발급 및 HTTPS 적용은 완전히 자동으로 처리됩니다. 개발자가 수동으로 인증서를 구매하거나 설정할 필요가 전혀 없습니다.

서브도메인 연결

메인 도메인 외에 blog.yourwebsite.com이나 app.yourwebsite.com과 같은 서브도메인을 연결할 수도 있습니다.

Vercel 네임 서버 사용 시: Vercel 대시보드의 "Domains" 설정에서 blog.yourwebsite.com과 같이 서브도메인을 추가하면, Vercel이 자동으로 필요한 DNS 레코드를 생성하고 연결합니다.
외부 DNS 사용 시: 외부 DNS 공급자에서는 해당 서브도메인에 대한 CNAME 레코드를 Vercel에서 제공하는 값으로 설정해야 합니다. (일반적으로 cname.vercel-dns.com 또는 프로젝트별 고유한 CNAME 값).

커스텀 도메인 연결은 웹 애플리케이션 배포의 마지막이자 가장 중요한 단계 중 하나입니다. Vercel의 간편한 도메인 관리 기능 덕분에, 개발자는 복잡한 DNS 설정이나 SSL/TLS 인증서 관리에 대한 걱정 없이 자신의 Next.js 애플리케이션을 전문적이고 안전하게 사용자들에게 제공할 수 있습니다.

커스텀 도메인 연결