본문 바로가기
CODEIT;

웹 퍼블리싱 시작하기 : 도메인 설정하기

by ♡˖GYURI˖♡ 2023. 8. 27.

Netlify의 공식문서

https://docs.netlify.com/domains-https/custom-domains/configure-external-dns/#configure-an-apex-domain

 

Configure external DNS for a custom domain

Configure an external DNS provider to point your domain to our platform. You can use external DNS for a subdomain or apex domain you registered externally.

docs.netlify.com

 

1단계 : 도메인 등록하기

우선 가장 먼저 도메인을 등록해야 합니다. 보통 대행 서비스를 통해서 비용을 지불하는데요.

표적으로 아마존 웹 서비스(AWS Route53)이나, 구글 도메인즈 같은 서비스들이 있습니다.

구글에서 "도메인 등록업체(Domain Registrar)"를 검색하면 다양한 엄체들이 나옵니다.

여러분 마음에 드는 업체를 찾아보고 도메인을 구매하시면 됩니다.

 

2단계 : Netlify에서 도메인 추가하기

도메인을 등록하셨다면 Netlify 사이트에 접속한 다음, 내 프로젝트로 들어갑니다.

Site setting > Domain management 메뉴로 들어가서 도메인을 추가할 건데요.

내가 등록한 도메인을 입력하면 Netlify 쪽에서는 새로운 도메인을 받을 준비가 끝납니다.

 

3단계 : 도메인 관리 사이트에서 설정하기

이제 도메인 업체 쪽에서 Netlify로 연결해 주도록 설정해 봅시다.

내가 도메인을 등록한 사이트에서 DNS(도메인 네임 서비스) 관리 메뉴로 들어가야 합니다.

참고로 저는 Namecheap이라는 업체를 통해서 했기 때문에 예시로 보여드리는 화면이랑 여러분이 이용하시는 업체 화면이 좀 다를 수 있습니다.

아래 화면은 DNS 관리 메뉴로 들어간 건데요.

업체마다 메뉴 이름은 다르지만, 도메인 관리나 DNS 레코드 설정하기 등의 이름의 메뉴로 들어가시면 됩니다.

 

A 레코드 설정

여기서 A레코드라는 걸 추가할 겁니다.

레코드를 추가한다는 건 쉽게 말해서 도메인 서비스에 규칙을 추가하는 건데요.

일단 Host라고 하는 값에는 @를 추가하고, Value라는 값에는 75.2.60.5로 설정할게요.

여기서 @는 루트 도메인(이 경우에는 my-petit-domain.io)에 규칙을 축한다는 뜻이고요.

75.2.60.5라는 값은 Netlify에서 운영하는 서버 주소인데, Netlify 공식 문서에서 알려 준 값입니다.

정리하자면, 이 레코드는 "내 도메인으로 들어왔을 때  Netlify 서버에 물어봐 주세요!"라는 뜻입니다.

 

이제 잘 설정되었는지 확인해 볼게요.

다양한 방법이 있지만 저는 DNSChecker라는 사이트에서 확인해 보겠습니다.

사이트의 A 레코드를 확인해 보면 아래처럼 우리가 설정한 값이 잘 보여야 합니다.

참고로 도메인 서비스에 따라서 반영하는데 시간이 걸릴 수 있습니다.

 

레코드가 모두 반영되면 Netlify에서도 확인하고 도메인이 설정됐다고 나오는데요.

주소창에 도메인을 입력하고 접속해 보면 우리 사이트가 잘 나옵니다.