AWS Route53 을 이용하여 vercel 도메인 설정 및 변경

 

프론트엔드 분들이 CI/CD 또한 지원되어 repository 에 push 가 일어날 때 마다 자동으로 배포를 해주는 편리함 등 여러 이유로 VERCEL를 이용하여 서비스를 배포한다. 하지만 최상위 도메인은 .vercel.app 이기 때문에 서비를 할 때는 도메인을 변경할 필요가 있다.

오늘은 AWS 의 Route 53 서비스를 이용하여 vercel 도메인 설정 및 변경할 것이다.

먼저 도메인을 구입하여, Route53 서비스 호스팅 영역에서 자신이 산 도메인이 보이게 한다.

AWS 의 Route 53 서비스를 이용하여 도메인을 샀다면 바로 나타날 것이고, "가비아"나 다른 곳에서 도메인을 샀다면 호스팅 영역 생성을 눌러 호스팅 영역을 만들어주어야 한다.

 

다른 서비스에서 도메인을 샀을 경우 호스팅 영역을 생성해줘야 한다.

 

 

본인이 구매하거나 얻은 도메인 이름을 입력해준다.

다른 설정은 건들이지 않고 유형 또한 퍼블릭 호스팅 영역으로

호스팅 영역 생성을 클릭하여 호스팅 영역을 생성한다.

 

 

 

 

 

예시 버셀 이미지는 이 곳 블로그에서 가져왔음을 미리 밝힌다.

https://velog.io/@jangsebari/route53-%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-vercel-%EB%8F%84%EB%A9%94%EC%9D%B8-%EB%B3%80%EA%B2%BD

 

 

 

 

다음과 같이 도메인 설정페이지에서 구매한 도메인 이름을 입력하고 Add 버튼을 클릭한다. 도메인의 이름은 임의로 'jangsebari-test' 로 작성하였다.

 

 

 

 

다음과 같이 추천 항목을 클릭하고 Add 버튼을 누른다.

 

 

이때 다음과 같이 A 레코드 과 CNAME 섹션이 나타난다.

A 레코드는 고정된 IP에 도메인 주소를 매핑한 것이며 CNAME 은 도메인 주소에 또 다른 도메인 주소를 매핑한 것이다.

route53 호스트 영역에 레코드 추가를 통해 CNAME 을 추가해 줄 경우 www.jangsebari-test.com 으로 접속할 수 있게 되며 A 레코드를 추가 할 경우 jangsebari-test.com 을 www.jangsebari-test.com 으로 리다이렉팅하여 배포된 홈페이지에 접속할 수 있게 된다.

추가로 다음과 같이 구매한 도메인의 네임서버를 vercel 에서 제공하는 호스팅 영역 네임서버로 변경하여 구매한 도메인과 배포된 프로젝트를 연결할 수 도 있다.