10분 만에 Yeap CDN과 무료 HTTPS를 웹사이트에 적용하기

이 튜토리얼에서는 기존 웹사이트에 Yeap CDN을 적용하고 무료 HTTPS를 활성화하는 방법을 설명합니다. HTTP 또는 HTTPS로 접근할 수 있는 원본 서버와 DNS를 변경할 수 있는 도메인이 이미 있다고 가정합니다. 예시로 www.example.com을 사용합니다.

시작하기 전에

• Yeap Cloud 계정이 필요합니다. console.yeap.cloud에서 로그인합니다.
• 원본 서버의 IP 또는 호스트 이름과 수신 대기 중인 프로토콜 및 포트가 필요합니다.
• 도메인의 DNS를 변경할 수 있어야 합니다. 현재 DNS 제공업체에서 CNAME 레코드를 추가하거나, 도메인 등록기관에서 네임서버를 변경할 수 있어야 합니다.

1단계: 도메인 추가(약 2분)

콘솔에서 CDN → 도메인으로 이동한 뒤 도메인 추가를 클릭합니다. 그러면 기본 정보, 요금제, 연결 방식, 원본 서버 설정, 설정 안내의 다섯 단계로 구성된 설정 마법사(/cdn/domains/new)가 열립니다.

기본 정보에서 다음 항목을 입력합니다.

• 도메인: 예를 들어 example.com을 입력합니다.
• 회선 / 그룹: 사용할 엣지 노드 그룹을 선택합니다.
• SSL 활성화: 켭니다.
• 나머지 옵션(WAF, HTTP 버전, WebSocket, 프록시 제한 시간)은 기본값을 유지해도 됩니다. 나중에 도메인 설정에서 변경할 수 있습니다.

요금제에서 CDN 요금제를 선택합니다. 시험 삼아 사용하기에는 무료 요금제로 충분합니다. 유료 요금제는 결제를 완료해야 다음 단계로 진행할 수 있습니다.

2단계: 연결 방식 선택(약 1분)

두 가지 옵션이 있습니다.

NS 방식을 사용하면 플랫폼이 도메인의 DNS 영역을 자동으로 생성하고 CDN에 필요한 CNAME 레코드를 작성합니다. 이 튜토리얼에서는 CNAME 방식을 사용합니다.

3단계: 원본 서버 설정(약 2분)

원본 서버 설정에서 가속할 각 호스트 이름의 원본 서버를 추가합니다.

• 호스트 이름: www.example.com을 입력합니다.
• 원본 서버 주소: 원본 서버의 IP 또는 호스트 이름을 입력합니다.
• 프로토콜 및 포트: 원본 서버가 실제로 수신 대기 중인 값을 지정합니다. 예를 들어 HTTPS / 443을 선택합니다.
• 부하 분산 모드: 원본 서버 주소가 여러 개라면 서버 간 부하 분산 방식을 선택합니다.
• HTTP 버전, WebSocket, 제한 시간은 필요에 따라 조정할 수 있습니다.

원본 서버가 HTTP만 지원한다면 여기에서 HTTP를 선택합니다. 이 설정의 의미는 아래 SSL 모드 절에서 설명합니다.

4단계: CNAME 레코드 추가(약 2분, DNS 전파 시간 별도)

원본 서버를 저장하면 마법사가 설정 안내로 이동하고 각 호스트 이름의 CNAME 대상을 표시합니다. 이 값을 복사해 DNS 제공업체에서 레코드를 추가합니다.

www.example.com.   300   IN   CNAME   <CNAME target shown in the console>.

그런 다음 안내 페이지에서 DNS 확인을 클릭해 레코드가 적용되었는지 확인합니다. 직접 확인할 수도 있습니다.

dig +short CNAME www.example.com

많은 DNS 제공업체는 루트 도메인(example.com 자체)에 CNAME을 허용하지 않습니다. 루트 도메인을 가속하려면 NS 방식이나 DNS 제공업체의 CNAME 평탄화 기능을 사용합니다.

5단계: 무료 인증서 발급(약 2분)

도메인 상세 페이지의 SSL 탭(/cdn/domains/your-domain/ssl)을 열고 해당 호스트 이름의 인증서 관리를 클릭한 뒤, 자동 인증서(Let's Encrypt)에서 HTTP-01 검증을 클릭합니다.

HTTP-01은 다음과 같이 동작합니다. 인증 기관이 http://www.example.com/.well-known/acme-challenge/...에 요청을 보내 도메인을 제어할 권한이 있는지 확인합니다. 도메인이 이미 CDN을 가리키므로 요청은 엣지 노드에 도달하고, 엣지 노드가 직접 응답합니다. 따라서 인증서를 요청하기 전에 4단계를 완료하고 DNS가 적용될 때까지 기다려야 합니다.

요청이 진행되는 동안 페이지에 진행 상태(대기 중, 검증 중, 발급 중)가 표시됩니다. 인증서는 90일 동안 유효하며 만료 전에 자동으로 갱신되므로 별도로 처리할 작업이 없습니다. 이미 보유한 인증서가 있다면 같은 페이지에서 PEM 인증서와 개인 키를 업로드할 수도 있습니다.

6단계: SSL 모드 선택 및 HTTPS 강제 적용(약 1분)

인증서는 브라우저와 CDN 사이의 구간을 암호화합니다. CDN과 원본 서버 사이의 구간은 SSL 모드로 제어합니다.

전체(엄격) 모드에서는 원본 서버 인증서가 신뢰할 수 있는 CA에서 발급되었으며 호스트 이름과 일치해야 합니다. 가장 간단한 방법은 원본 서버에도 Let's Encrypt 인증서를 설치하는 것입니다. 더 안전한 모드에서 끄기 또는 유연 모드로 전환하면 콘솔에 보안 수준이 낮아진다는 경고가 표시됩니다.

다음으로 HTTPS 강제 적용을 켜면 엣지가 모든 HTTP 요청을 HTTPS로 리디렉션합니다. 모든 기능이 정상적으로 동작하면 같은 페이지에서 HSTS를 활성화하여 브라우저가 일정 기간 HTTPS만 사용하도록 할 수 있습니다. 일반적으로 사용하는 max-age는 31536000초, 즉 1년입니다. 브라우저가 HSTS를 한 번 수신하면 되돌리기 어려우므로 짧은 max-age로 시작하고, 모든 하위 도메인이 HTTPS를 지원하는지 확인한 뒤에만 "하위 도메인 포함"과 "프리로드"를 활성화합니다.

7단계: 검증

# HTTP should redirect to HTTPS
curl -sI http://www.example.com/ | head -n 3

# HTTPS responds normally and carries a cache status header
curl -sI https://www.example.com/logo.png | grep -i -E "^HTTP|x-cache-status"

캐시할 수 있는 정적 자산은 첫 요청에서 일반적으로 MISS가 표시되고 반복 요청에서는 HIT가 표시되어야 합니다. 동적 페이지는 기본적으로 BYPASS 또는 MISS가 표시될 수 있으며, 이는 정상적인 동작입니다.

다음으로 할 일

• 캐시 탭에서 캐시 유지 시간과 쿼리 문자열 모드를 조정하여 적중률을 높입니다.
• 방화벽 탭에서 접근 규칙을 추가합니다.
• 최적화 탭에서 압축과 기타 성능 기능을 활성화합니다.
• 트래픽 및 진단 탭에서 트래픽을 모니터링하고 문제를 해결합니다.

이 전체 과정에서 실제로 기다려야 하는 부분은 DNS 전파뿐입니다. DNS 레코드의 TTL을 짧게 설정하면 도메인 추가부터 HTTPS 동작 확인까지 약 10분이면 완료할 수 있습니다.