1. CDN 없이 운영하면 놓치는 것들
서울에 서버가 있는 블로그를 부산 사용자가 방문하면 괜찮습니다. 하지만 미국이나 유럽 사용자가 방문하면 데이터가 지구 반 바퀴를 돌아야 합니다.
CDN 없이 운영하면 해외 사용자뿐 아니라 국내 사용자도 손해를 봅니다. 트래픽이 원본 서버에 모두 집중되고, DDoS 공격이나 트래픽 급증 시 서버가 쉽게 다운됩니다.
Cloudflare는 이 모든 문제를 무료 플랜만으로도 상당 부분 해결해줍니다.
2. Cloudflare를 선택하는 이유
Cloudflare는 전 세계 330개 이상의 도시에 엣지 서버를 운영하는 세계 최대 CDN 서비스 중 하나입니다. 한국에도 서울을 포함한 여러 엣지 서버가 있습니다.
무료 플랜에서 제공하는 기능이 특히 강점입니다. 무제한 CDN 대역폭, 무료 SSL 인증서 자동 발급과 갱신, 기본적인 DDoS 방어, HTTP/2와 HTTP/3 자동 지원, 원본 서버 IP 주소 은닉, 이미지 최적화 기능 일부가 포함됩니다.
타 CDN 서비스들이 대역폭에 따라 비용을 청구하는 것과 달리 Cloudflare는 무료 플랜에서 대역폭 제한이 없습니다.
3. Cloudflare 가입하고 사이트 추가하기
cloudflare.com에서 무료 계정을 만듭니다.
로그인 후 사이트 추가(Add a site) 버튼을 클릭합니다. 도메인 주소를 입력합니다. (예: myblog.com)
플랜을 선택합니다. 개인 블로그나 소규모 사이트는 Free 플랜으로 충분합니다.
Cloudflare가 현재 도메인의 DNS 레코드를 자동으로 스캔해 가져옵니다. 기존 DNS 설정이 잘 가져와졌는지 확인합니다. 빠진 레코드가 있다면 직접 추가합니다.
4. 네임서버 변경하기
DNS 레코드 확인이 완료되면 Cloudflare가 두 개의 네임서버 주소를 제공합니다. 예를 들면 bart.ns.cloudflare.com과 ola.ns.cloudflare.com 같은 형식입니다.
도메인 등록 기관(가비아, 후이즈 등)에 로그인합니다. 해당 도메인의 네임서버 설정 메뉴로 이동합니다. 기존 네임서버를 Cloudflare가 제공한 두 개의 네임서버로 교체합니다. 저장합니다.
네임서버 전파에는 최대 48시간이 걸릴 수 있습니다. 대부분 1~2시간 안에 완료됩니다.
Cloudflare 대시보드에서 도메인 상태가 Active로 바뀌면 설정이 완료된 것입니다.
5. Cloudflare 무료 플랜에서 활성화할 핵심 기능들
SSL/TLS 설정 SSL/TLS > Overview에서 암호화 모드를 Full(strict)로 설정합니다. 서버에 SSL 인증서가 있다면 이 설정을 사용합니다.
Edge Certificates 탭에서 Always Use HTTPS를 켭니다. http://로 접속해도 자동으로 https://로 리다이렉트됩니다.
Speed 설정 Speed > Optimization에서 아래 항목들을 확인합니다.
Auto Minify는 HTML, CSS, JavaScript를 자동으로 미니파이합니다. 세 가지 모두 체크합니다.
Brotli는 Brotli 압축을 활성화합니다. 켜둡니다.
Caching 설정 Caching > Configuration에서 Browser Cache TTL을 설정합니다. 4시간 이상으로 설정하면 재방문자 로딩이 빨라집니다.
Rocket Loader JavaScript를 비동기로 로드해 첫 페이지 렌더링 속도를 높입니다. 일부 사이트에서 JS 충돌이 발생할 수 있으므로, 활성화 후 사이트가 정상 동작하는지 확인합니다.
6. 캐시 설정 최적화하기
Page Rules 활용 무료 플랜에서 3개의 Page Rule을 사용할 수 있습니다. 정적 파일 경로에 캐시 규칙을 적용합니다.
예를 들어 myblog.com/wp-content/* 패턴으로 Page Rule을 만들고 Cache Level을 Cache Everything으로, Edge Cache TTL을 1 month로 설정하면 WordPress 미디어 파일이 Cloudflare 엣지에 한 달 동안 캐시됩니다.
Cache Purge 사이트 내용을 변경한 후 Cloudflare 캐시를 무효화하고 싶다면 Caching > Configuration > Purge Cache에서 모든 캐시 삭제 또는 특정 URL의 캐시만 삭제할 수 있습니다.
7. Cloudflare 적용 후 확인하는 방법
Cloudflare가 제대로 적용됐는지 확인하는 방법입니다.
응답 헤더 확인 브라우저 개발자 도구(F12) > Network 탭에서 페이지 요청을 클릭합니다. Response Headers에서 cf-ray 헤더가 보이면 Cloudflare를 통해 응답이 온 것입니다.
cf-cache-status 확인 정적 파일의 응답 헤더에서 cf-cache-status를 확인합니다. HIT이면 Cloudflare 엣지 캐시에서 응답한 것이고, MISS면 원본 서버에서 가져온 것입니다. 재방문 시 HIT이 되어야 캐시가 정상 작동 중입니다.
PageSpeed Insights 재측정 Cloudflare 적용 후 PageSpeed Insights에서 다시 측정해보면 TTFB(첫 바이트 수신 시간)가 줄어든 것을 확인할 수 있습니다.
8. 정리 및 다음 단계
오늘 배운 핵심을 정리합니다.
- Cloudflare 무료 플랜은 CDN, SSL, DDoS 방어, HTTP/2, 미니파이를 무료로 제공합니다.
- 네임서버를 Cloudflare로 변경하면 모든 트래픽이 Cloudflare를 거쳐 원본 서버로 전달됩니다.
- SSL을 Full(strict)로 설정하고 Always Use HTTPS를 활성화합니다.
- Auto Minify와 Brotli를 켜면 추가적인 속도 향상을 얻을 수 있습니다.
- cf-ray 헤더와 cf-cache-status로 Cloudflare 적용 여부를 확인합니다.
다음 글에서는 SSR과 CSR의 차이, SEO에 어떤 영향을 주는지 알아보겠습니다.