하캄솔루션HAKHAM SOLUTION상담하기

웹제작 / 프레임워크·데이터

CDN

Content delivery network

다른 이름 · 콘텐츠 전송 네트워크 · Content Delivery Network · 씨디엔

중급도구에서 직접 설정하는 수준

한눈에 보는 정의

여러 지역에 흩어진 서버에 사이트 파일 복사본을 두고, 방문자와 가까운 서버에서 보내 주어 빠르게 전달하는 네트워크.

이런 말로 들어요

  • 이미지는 CDN으로 나가서 원 서버 부담이 적어요.
  • CDN 캐시 때문에 수정한 이미지가 아직 예전 걸로 보여요.

그림으로 보기

가까운 CDN 서버에서 받기

CDN은 여러 지역 서버에 파일 복사본을 두고 가까운 곳에서 보내 줍니다. 파일을 바꾸면 캐시가 갱신될 때까지 예전 내용이 보일 수 있습니다.

하캄솔루션 자체 제작 모션그래픽

자세히 알아보기

서울에 있는 방문자와 미국에 있는 방문자가 같은 서버 하나에서 파일을 받으면 먼 쪽은 느립니다. CDN은 이미지, CSS, 자바스크립트 같은 파일 복사본을 세계 여러 곳 서버에 두고 가까운 곳에서 보내 줍니다. 원래 서버의 부담도 줄어 방문자가 몰릴 때 덜 흔들립니다. Vercel 같은 호스팅은 기본으로 CDN을 거쳐 파일을 내보냅니다.

실무 예시

예를 들어 홈페이지 이미지를 바꿨는데 일부 방문자에게 예전 이미지가 보인다면, CDN에 남은 복사본(캐시)이 갱신되기를 기다리거나 비우는 작업을 합니다.

함께 살펴볼 점

파일이 바뀌어도 CDN 복사본 때문에 잠시 예전 내용이 보일 수 있습니다. 외부 CDN 주소에서 라이브러리를 불러오면 그 업체가 멈출 때 내 사이트도 깨질 수 있습니다.

AI에게 이렇게 요청해 보세요

우리 사이트 이미지와 CSS가 CDN을 거쳐 전달되는지 확인하는 방법을 알려 줘. 수정한 파일이 바로 반영되지 않을 때 캐시를 갱신하는 방법도 정리해 줘.

코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.

출처와 검토 정보

  • CDN - MDN Web Docs Glossary 새 창

    CDN이 여러 위치에 흩어진 서버에 데이터 복사본을 두고 사용자와 가까운 서버가 요청에 응답하는 구조이며, 제3자 의존과 같은 단점도 있다는 설명을 확인했습니다.

    자료 확인

내용 검토

최초 발행 · 내용 수정

← 지식백과 목록으로