VibeCoding 365 로고 VibeCoding 365

콘텐츠 전송 네트워크

이미지, CSS, JavaScript, 정적 HTML 같은 콘텐츠를 사용자와 가까운 서버에서 빠르게 내려주는 분산 네트워크이다. 전 세계 사용자가 같은 서버 한 곳에 접속하지 않고 가까운 엣지 위치에서 파일을 받기 때문에 지연시간이 줄고 원본 서버 부하도 낮아진다. 바이브 코딩으로 만든 사이트를 배포할 때 Vercel, Cloudflare, Netlify 같은 플랫폼은 CDN을 기본 제공하는 경우가 많지만, 캐시 정책이 잘못되면 배포 후 변경 사항이 늦게 보일 수 있다. 따라서 정적 자산은 길게 캐시하고, 자주 바뀌는 HTML/API 응답은 갱신 정책을 별도로 확인해야 한다.

바이브 코딩 사전

콘텐츠 전송 네트워크

바이브 코딩 사전

콘텐츠 전송 네트워크

콘텐츠 전송 네트워크 · CDN (Content Delivery Network)

카테고리
성능·최적화
난이도
basic
태그
CDN · 엣지
슬러그
cdn
상태
published
정렬 순서
181

정의

이미지, CSS, JavaScript, 정적 HTML 같은 콘텐츠를 사용자와 가까운 서버에서 빠르게 내려주는 분산 네트워크이다. 전 세계 사용자가 같은 서버 한 곳에 접속하지 않고 가까운 엣지 위치에서 파일을 받기 때문에 지연시간이 줄고 원본 서버 부하도 낮아진다. 바이브 코딩으로 만든 사이트를 배포할 때 Vercel, Cloudflare, Netlify 같은 플랫폼은 CDN을 기본 제공하는 경우가 많지만, 캐시 정책이 잘못되면 배포 후 변경 사항이 늦게 보일 수 있다. 따라서 정적 자산은 길게 캐시하고, 자주 바뀌는 HTML/API 응답은 갱신 정책을 별도로 확인해야 한다.

영어 표기

CDN (Content Delivery Network)

예시

한국과 미국 방문자가 모두 쓰는 랜딩 페이지라면 이미지와 스크립트를 CDN에서 제공해 첫 로딩을 줄이고, 배포 직후에는 새 파일명이 적용됐는지와 오래된 캐시가 남지 않았는지 확인한다.

참고

정적 자산 캐시와 동적 데이터 캐시를 구분해서 설계해야 한다.