워드프레스 미디어 관리 2: CDN 클라우드 프론트 설정 방법

by

지난 포스팅에서 라이트세일 S3 버킷을 생성했다면 이제 워드프레스 CDN을 통해 미디어 파일의 로딩 속도를 더욱 향상시킬 차례다.

CDN(CloudFront)이 필요한 이유

기본적인 개념을 잡고 넘어가보자.

CDN은 Content Delivery Network의 약자이다. CDN을 통해 캐싱 및 빠른 속도로 배포가 가능하다. CloudFront는 AWS에서 제공하는 CDN 서비스이다.

S3 버킷만으로도 미디어 파일을 저장할 수 있지만 CDN을 추가하면 여러가지 장점이 있다

  1. 더 빠른 로딩 속도: 전 세계 여러 위치에 있는 엣지 서버를 통해 방문자와 가장 가까운 곳에서 미디어 파일을 제공한다.
  2. 트래픽 비용 절감: CDN은 캐싱을 통해 S3에서 반복적으로 파일을 가져오는 것을 방지한다.
  3. 보안 강화: HTTPS를 통한 안전한 콘텐츠 전송이 가능하다.
  4. 전문적인 이미지: 미디어 파일에 사용자 지정 도메인(예: media.yourblog.com)을 사용하면 블로그의 전문성이 높아진다.

이번 포스팅에서는 워드프레스 CDN 설정을 하는 방법을 다룰 것이다.

AWS의 CND 서비스인 라이트세일 클라우드프론트를 설정하고, 사용자 지정 도메인을 연결하는 방법을 알아보겠다.

라이트세일 CloudFront 배포 생성하기

1. CloudFront 배포 시작하기

  1. 라이트세일 콘솔에 로그인
  2. 상단 메뉴에서 네트워킹(Networking)을 클릭
  3. 배포 생성(Create distribution)을 클릭

2. 배포 설정하기

배포 생성 페이지에서 정보를 입력해야 한다.

  • 오리진: 앞서 생성한 S3 버킷을 선택
  • 월별 요금제: 필요한 데이터 전송량에 따라 선택합니다. 처음에는 가장 기본적인 요금제부터 시작해도 충분하다.

모두 설정 했다면 생성을 클릭하자.

3. 배포 생성 완료

배포 생성을 클릭하면 CloudFront 배포가 생성된다.

배포가 완전히 활성화되기까지 약간의 시간(보통 15-30분)이 걸릴 수 있다.

배포가 생성되면 라이트세일이 자동으로 도메인 이름(예: ex2am3p232.cloudfront.net)을 할당한다. 이 도메인을 통해 S3 버킷의 파일에 접근할 수 있게 된다.

사용자 지정 도메인 설정하기

CloudFront의 기본 도메인(ex2am3p232.cloudfront.net) 대신 사용자 지정 도메인(예: media.yourblog.com)을 사용하면 더 전문적인 이미지를 줄 수 있다.

AWS가 기본 제공하는 CloudFront 도메인을 이용하면 SSL가 기본으로 적용되어있지만 사용자 도메인을 사용하려면 별도로 SSL 인증서를 발급받아야 한다.

SSL 인증서를 발급받고, 해당 도메인을 클라우드 프론트에 적용하는 방법까지 알아보자.

1. SSL 인증서 발급받기

인증서 이름
인증서 이름
인증서 도메인
인증서 도메인

라이트세일에서는 무료로 인증서를 발급받을 수 있다.

  1. 라이트세일 콘솔의 네트워킹 섹션에서 방금 생성한 배포 > 사용자 지정 도메인 탭 클릭
  2. 인증서 생성(Create certificate)을 클릭
  3. 다음 정보를 입력하자
    • 인증서 이름: 구분하기 좋은 이름으로 설정
    • 하위 도메인 지정: 인증서를 사용할 10개의 도메인 또는 하위 도메인 지정
  4. 생성(Create) 클릭

2. 인증서 검증

인증서를 검증하려면 DNS 레코드를 추가해야 한다.

라이트세일에서 도메인 DNS를 관리하는 경우에는 다음과 같이 진행한다.

  1. 라이트세일 콘솔의 네트워킹 섹션에서 도메인 및 DNS를 클릭
  2. 해당 도메인을 선택
  3. DNS 레코드 탭에서 인증서 검증에 필요한 CNAME 레코드를 추가
    • 라이트세일 인증서 페이지에 표시된 정확한 값을 사용해야 한다.

외부 DNS 제공업체를 사용하는 경우, 해당 제공업체의 DNS 관리 페이지에서 CNAME 레코드를 추가해야 한다.

3. 사용자 지정 도메인을 CloudFront 배포에 연결하기

사용자 지정 도메인이 CloudFront 배포를 가리키도록 할당을 추가하거나 DNS CNAME 레코드를 추가해야 한다.

두 가지 방법 중 하나를 택해서 하자.

DNS 레코드 추가 방법
  1. 라이트세일 콘솔의 네트워킹(Networking) 섹션에서 도메인 및 DNS(Domains & DNS)를 클릭
  2. 해당 도메인을 선택
  3. DNS 레코드(DNS records) 탭에서 인증서 검증에 필요한 CNAME 레코드를 추가
    • 방금 만든 배포의 기본 도메인 주소를 여기에 입력하면 된다.

외부 DNS 제공업체를 사용하는 경우, 해당 제공업체의 DNS 관리 페이지에서 CNAME 레코드를 추가해야 한다.

할당 추가 방법

이 방법이 더 쉽다.

  1. 라이트세일 콘솔의 네트워킹(Networking) 섹션에서 도메인 및 DNS(Domains & DNS)를 클릭
  2. 해당 도메인을 선택
  3. 할당 추가 클릭 후 해당 방금 생성한 배포 선택

도메인 주소를 따로 입력할 필요없이 자동으로 설정된다.

4. 설정 확인하기

인증서 연결 확인

워드프레스 CDN 설정이 모두 완료 되었다.

모두 잘 연결되어 있다면 브라우저에서 사용자 지정 도메인(예: https://media.yourblog.com)에 접속해 보자.

S3 버킷에 테스트 파일을 업로드한 경우, 해당 파일이 사용자 지정 도메인을 통해 접근 가능한지 확인할 수 있다.

(예: https://media.yourblog.com/test.jpg)

워드프레스 CDN 설정 방법을 마치며

이제 라이트세일 S3 버킷과 CloudFront CDN 설정이 완료되었다.

다음 포스팅에서는 WP Offload Media Lite 플러그인을 워드프레스에 설치하고 구성하여 미디어 파일을 자동으로 S3에 업로드하고 CloudFront를 통해 제공하는 방법을 알아보겠다.

이 시리즈를 따라오면서 워드프레스 미디어 관리 시스템을 구축하면 블로그의 속도와 안정성이 크게 향상될 것이다.