HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
✍🏻
Learnary (learn - diary)
/콘텐츠 딜리버리 네트워크 (CDN)/
♟️
CDN
♟️

CDN

💨What캐싱방식퍼징(Purging)캐시 가능한 리소스❓Why✅How📌 REFER

💨What

  • CDN이란? Content Delivery Network
    • 🌕
      지리적 제약 없이 전세계 사용자에게 빠르고 안전하게 컨텐츠를 전송하는 기술
    • 기본적으로 사용자가 원격지에 있는Origin-Server로부터 Content를 다운로드 받을 때 가까이 있는 서버에서 받는 것보다 시간이 오래 걸리므로, 사용자와 가까운 곳에 위치한 Cache Server에 해당 Content를 저장(캐싱)하고 Contetn 요청시에 Cache Server가 응답을 주는 기술이다.
  • CDN 사용 x
    • notion image
  • CDN 사용
    • notion image
notion image
  • 가능한 사용자와 가까운 CDN과 연결해 불필요한 연결 설정 비용을 줄일 수 있다.
  • 일부 CDN은 인터넷에 분산된 여러 CDN 서버들을 통해 트래픽을 Origin Server로 라우팅함으로 최적화된 경로를 통해 발생한다.
    • BGP는 인터넷 라우팅 프로토콜이지만 성능지향적이 아니다.
    • 이에따라 BGP가 결정한 경로는 CDN 서버간에 최적화 경로보다 성능이 떨어질 수 있다.
  • Q. CDN에 없으면 바로 Origin - Server로 가는것인가?
    • notion image
       

캐싱방식

  • static
    • 개발자가 미리 cache server에 미리 로드하는 방식
  • dynaminc
    • 클라이언트가 컨텐츠를 요청하면 해당 컨텐츠가 없으면 origin server로 부터 다운받아 전달하는 방식

퍼징(Purging)

  • Cache Eviction 처럼 기다리는 것이 아닌 바로 제거하는 매커니즘이다.
  • CDN 서버에서 캐쉬된 리소스를 즉각 삭제를 지원하는 경우 동적인 컨텐츠를 관리하는데 용이하다. (긴 TTL을 사용하는 컨텐츠)
  • 해당 방식을 사용해 언제 업데이트 되는지 모르는 동적인 리소스의 캐싱 기간을 최대한 길게 유지 할 수 있다. ( hold -till - told -caching 이라고 함)
  • 규모에 따라 퍼징을 사용할 때 캐시 태그, 삭제 캐시 키라는 개념을 사용한다.
    • 하나의 리소스에 식별자를 연결한 다음, 태그를 사용해 세분화된 삭제를 할 수 있다.
    • 예)
      • 사이트 하단 푸터가 포함된 /about, /blog 리소스에 footer라는 태그를 추가한다.
      • 사이트 하단 푸터가 업데이트 되면 foot 태그를 가진 CDN에 있는 모든 리소스를 퍼징한다.
 

캐시 가능한 리소스

notion image

❓Why

🌕
서버의 부하를 줄일 수 있기 때문이다. (서버로부터 대용량 컨텐츠 로드 해결)
  • 리소스 캐싱 기능 제공

✅How

CDN과 캐시 설정으로 정적파일을 빠르게
웹 사이트는 일반적으로 이미지, 자바스크립트, css 등의 여러가지 추가 파일을 제공해야 한다. 이것들을 흔히 정적 파일 이라고 부른다. 서버에서 직접 이 모든 정적 파일을 제공하는 방법을 택할 수도 있지만, 이런 경우는 단점이 많다. 서버의 저장 용량은 상대적으로 비싸다. 서버의 저장 용량은 증설하기 어렵다. 그러나 많은 컴퓨팅 파워를 요구하지는 않는다.
CDN과 캐시 설정으로 정적파일을 빠르게
https://velog.io/@heka1024/CDN%EA%B3%BC-%EC%BA%90%EC%8B%9C-%EC%84%A4%EC%A0%95%EC%9C%BC%EB%A1%9C-%EC%A0%95%EC%A0%81%ED%8C%8C%EC%9D%BC%EC%9D%84-%EB%B9%A0%EB%A5%B4%EA%B2%8C
CDN과 캐시 설정으로 정적파일을 빠르게

📌 REFER

  • 잘 설명되는 블로그
CDN(Contents Delivery Network) 개념 살펴보기(웹 최적화)
AWS CloudFront를 사용중인데 CDN, 캐쉬 관련해서 대략적인 개념만 알고 있는 상태다. 웹 최적화를 검색하는 도중 CDN관련 내용이 있어 간단하게 정리하겠다. web.dev 여기 포스팅을 참고 했다. CDN은 분산된 서버 네트워크를 사용해 사용자들에게 리소스를 제공함으로써 사이트 성능을 향상시킨다. CDN은 서버 부하(서버 로드)를 줄이기 때문에, 서버 비용을 절감하고, 트래픽 급증(traffic spkies) 처리에 적합하다.
CDN(Contents Delivery Network) 개념 살펴보기(웹 최적화)
https://hasudoki.tistory.com/entry/CDNContents-Delivery-Network-%EA%B0%9C%EB%85%90-%EC%82%B4%ED%8E%B4%EB%B3%B4%EA%B8%B0%EC%9B%B9-%EC%B5%9C%EC%A0%81%ED%99%94
CDN(Contents Delivery Network) 개념 살펴보기(웹 최적화)
  • 일반 참고
CDN 이란??
지리적 물리적으로 떨어져 있는 사용자에게 컨텐츠 제공자의 컨텐츠를 더 빠르게 제공할 수 있는 기술을 말합니다. 기본적으로 사용자가 원격지에 있는 서버(Origin Server)로 부터 Content(예. Web Object, Video, Music, Image, Document 등)를 다운로드 받을때 가까이 있는 서버에서 받는 것보다 시간이 오래 걸리므로, 사용자와 가까운 곳에 위치한 Cache Server에 해당 Content를 저장(캐싱)하고 Content 요청시에 Cache Server가 응답을 주는 기술입니다.
CDN 이란??
https://dtaxi.tistory.com/entry/CDN-%EC%9D%B4%EB%9E%80
CDN 이란??
CDN(Contents Delivery Network) 이란?
HTTP 기초] CDN 이란? 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ CDN(Contents Delivery Network) ] 입니다. : ) CDN - 지리,물리적으로 떨어져 있는 사용자에게 컨텐츠를 더 빠르게 제공할 수 있는 기..
https://goddaehee.tistory.com/173
CDN(Contents Delivery Network) 이란?
 
  • 공식문서
CDN이란 무엇인가요? | Akamai 참고 자료
CDN의 미션은 지연 시간을 줄이는 것입니다. 지연 시간은 웹 페이지 또는 비디오 스트리밍 콘텐츠가 디바이스에 완전히 로딩되기 전에 발생하는 불편한 지연을 의미합니다. 지연 시간은 밀리초 단위로 측정됩니다. 하지만 사용자가 체감하는 시간은 매우 길며, 시간 초과 또는 로딩 오류가 발생할 수 있습니다. 콘텐츠가 사용자에게 도달하기 위해 이동해야 하는 물리적 거리를 줄여 지연 시간을 줄이는 콘텐츠 전송 네트워크도 있습니다.
CDN이란 무엇인가요? | Akamai 참고 자료
https://www.akamai.com/ko/our-thinking/cdn/what-is-a-cdn
 
  • CDN과 Nginx의 차이
What is the Difference Between CDN and Nginx? AWS Cloudfront vs Nginx Comparison
Nginx is the open-source server app (its source code is here) that you can install and run on your own server. It is specifically optimized to serve static content from your server like images or static files (i.e. not rendered by some code).
What is the Difference Between CDN and Nginx? AWS Cloudfront vs Nginx Comparison
https://bytescout.com/blog/2020/08/what-is-the-difference-between-cdn-and-nginx-aws-cloudfront-vs-nginx-comparision.html
What is the Difference Between CDN and Nginx? AWS Cloudfront vs Nginx Comparison