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 은 도메인 주소에 또 다른 도메인 주소를 매핑한 것

💠DNS 레코드에 대한 더욱 자세한 설명은 아래 블로그 참고

https://programmer-may.tistory.com/256

DNS record 종류와 SOA 레코드 톺아보기

 

 

route53 호스트 영역에 레코드 추가를 통해 CNAME 을 추가해 줄 경우 "www.jangsebari-test.com" 으로 접속할 수 있게 된다.

 

A 레코드를 추가 할 경우 "jangsebari-test.com" 을 "www.jangsebari-test.com" 으로 리다이렉팅하여 배포된 홈페이지에 접속할 수 있게 된다.

 

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

 

 

평균 엄청 많은 시간을 소요하게 된다. (약 하루정도)

 

위 사진에선  jangsebari-test.com 이 임의의 도메인이라 Current Nameservers 에 아무것도 나오지 않지만, 만약 구매했던 도메인이라면 NS 도 보일 것이다.

 

vercel 도메인 이름을 실제로 지난시간에 구입한 도메인으로 변경해보자.

네임서버를 변경하는 방법은 24시간이 필요하기 때문에 레코드를 추가하는 방법으로 도메인을 변경하였다.

 

 

호스팅 영역에 접속한 후 레코드 생성을 누른다.

 

 

이후 단순 라우팅을 선택한다.

 

 

단순 레코드 정의를 누르고

 

 

vercel 에 나온대로 A 레코드와

 

CNAME 을 추가해준다.

 

 

레코드 생성 버튼을 눌러 다음과 같이 2개의 레코드를 최종적으로 생성한다.

얼마 지나지 않아서 vercel 의 A 레코드와 CNAME 이 다음과 같이 변경된다.

접속해보면 VERCEL로 배포했던 사이트가 잘 나오는걸 볼 수 있다.