CloudFront와 Route53 연동

CloudFront를 설정하고 Route53를 연결하는 과정을 정리해 봤습니다.
2021.11.14

안녕하세요 클래스메소드 김재욱(Kim Jaewook) 입니다. 이번에는 CloudFront를 설정하고 Route53를 연결하는 과정을 정리해 봤습니다.

Route53 도메인 발급에 대한 내용은 아래 블로그를 참고해 주세요.

현재 환경

기본 환경은 다음과 같습니다. 캘리포니아 리전에 환경을 구축하고, EC2에는 nginx를 설치해서 EC2 Public IP 주소로 접속하면 nginx 페이지가 출력되는 상황입니다.

Route53 설정

Route53 A 레코드를 생성해서 EC2 인스턴스와 연결합니다. Route53에 대한 내용은 아래 블로그를 참고해 주세요.

호스팅 영역으로 들어온 다음, 레코드 생성 버튼을 클릭합니다. 그리고 마법사로 전환 -> 단순 라우팅 -> 단순 레코드 정의 순서로 클릭합니다.

레코드 편집에서「레코드 유형에 따른 IP 주소 또는 다른 값」을 선택하고 EC2 인스턴스의 IP 주소를 입력하고「단순 레코드 정의」버튼을 클릭합니다.

이제 레코드 이름으로 접속해 보면, 웹 페이지가 출력되기 까지 시간이 꽤 오래 걸리는걸 확인할 수 있습니다.

CloudFront와 Route53

CloudFront에서 배포 카테고리를 클릭한 다음「배포 생성」버튼을 클릭합니다.

여기서 EC2 인스턴스의 퍼블릭 DNS가 필요합니다. EC2 인스턴스에 퍼블릭 DNS가 표시되지 않는다면,

VPC에서「DNS 호스트 이름 편집」으로 들어갑니다.

DNS 호스트 이름 활성화에 체크를 하고 저장을 하면 EC2 인스턴스에 퍼블릭 DNS가 표시됩니다.

원본 도메인에는 EC2 인스턴스의 퍼블릭 DNS를 넣습니다.

대체 도메인에는 www.route53test.ga or cdn.route53test.ga 등등 자유롭게 입력합니다.

이후「인증서 요청」을 클릭해서 버지니아 리전에 인증서를 생성합니다. 마지막으로 생성한 인증서를 선택하고 배포 생성을 끝마칩니다.

이제 Route53로 들어와서 레코드를 정의합니다. CloudFront에서 입력 했던 대체 도메인 이름인 www.route53test.ga를 입력합니다.

값/트래픽 라우팅 대상은 CloudFront를 선택하고 조금 전 생성한 배포를 선택한 다음, 레코드 정의 버튼을 클릭합니다.

테스트

이제 CloudFront에서 설정한 대체 도메인으로 접속해 보겠습니다.

  • https://www.route53test.ga/

CloudFront의 대체 도메인으로 접속해 보면 확연하게 속도 차이가 나는 것을 확인할 수 있고, Route53와도 정상적으로 연결된 것을 확인할 수 있습니다.

CloudFront 속도 테스트는 아래 블로그를 참고해 주세요

참고