무료 CDN - jsDelivr 사용법

개인이 무료로 CDN을 쓰려면?

전문 서비스가 아니라, 경량으로 일부 정적인 데이터에 대해 CDN을 쓰고 싶다면 다음의 방법을 검토해 보자.

 

CDN 이란?

CDN은 Contents Delivery Network의 약자이다. Contents를 배달해주는 네트워크라고 하지만, 정적인 데이터의 경우 내용의 변화가 적기 때문에 캐시곳곳의 서버들을 사용하여 미리 복사해놓는다. 여러 사용자들은 자신에게 가까운 캐시서버를 액세스 할 수 있게 되므로, 네트워크 전송 시간을 단축시킬 수 있고, 이로 인해 결국 웹 가속화의 효과를 누릴 수 있다.

대표적인 CDN 회사로 아카마이(Akamai), CDNetworks 등이 있다. 또한 클라우드 CDN으로 Google Cloud, Azure, Amazon CDN (cloudfront) 등을 예로 들 수 있다.

 

참고로, AWS CDN 가격은 아래와 같다. Free Tier 기준으로,

• 데이터 송신은 50GB까지
• 12개월간 무료
• HTTP 또는 HTTPS 요청 2백만 건
• CloudFront 함수 호출 2백만 건

의 혜택을 제공한다. Free Tier 서비스 이후로는, 대한민국 서울 리전을 기준으로 GB당 가격은 아래와 같다.

• ~10TB: 0.120 USD
• ~40TB: 0.100 USD
• ~100TB: 0.095 USD
• ~350TB: 0.090 USD
• ~524TB: 0.080 USD
• ~4PB: 0.070 USD
• 5PB~: 0.060 USD

그런데, 이 마저도 비싸다고 생각한다면, 개인에게 적합한 무료 CDN 서비스가 있다. 한 번, jsDelivr를 검토해 보자.

 

jsDelivr 서비스 가용성

클라우드 플레어 CDN, Fastly 등과 같은 여러 CDN 서비스를 동시에 후단에 둠으로써, 서비스 가용성을 보장한다. 즉, 한 CDN 업체의 서비스에 문제가 발생하면 다른 CDN 업체의 캐시를 활용하여 지속적인 서비스를 제공하게 된다.

 

jsDelivr 사용법

사용하는 방법은 jsDelivr 메인 페이지에 스크린샷으로 잘 안내가 되어 있다.

 

사용예

위 스크린샷과 같이, NPM, Github, Wordpress를 기반으로 정적 파일을 CDN에 올릴 수 있다.

 

GitHub 기준으로 파일 업로드

GitHub 기준으로 설명을 하고자 한다.

업로드 절차는 아래와 같다.

1. 전제 조건은 GitHub Repository가 public이어야 한다.
2. CDN에 공유할 파일을 해당 Repository에 업로드 한다.

그리고, 12시간-24시간 정도 기다리면 CDN에 업로드가 완료된다. 이후, 해당 파일을 액세스하려면 다음의 문법을 따르기만 하면 된다.

https://cdn.jsdelivr.net/gh/사용자계정/리파지터리(@버전)/파일

테스트를 위해,

https://github.com/everydayminder/assets/blob/master/RIDIBatang.woff2

에 리디바탕체 폰트를 업로드했다. 그리고, 위의 문법에 따라 CDN에 업로드한 주소는

https://cdn.jsdelivr.net/gh/everydayminder/assets/RIDIBatang.woff2

가 된다.

 

결론

GitHub public repository에 파일을 업로드 하는 것만으로도, CDN에 데이터를 업로드할 수 있다는 점이 매우 편하다.