raw.githubusercontent.com과 cdn.jsdelivr.net의 차이점

GitHub에서 제공하는 raw.githubusercontent.com과 대표적인 GitHub CDN(Content Delivery Network) 서비스인 cdn.jsdelivr.net의 차이점은 그들의 목적, 동작, 그리고 제공하는 서비스의 방식에서 비롯된다.

1. raw.githubusercontent.com

1-1. 목적 및 사용 사례

• raw.githubusercontent.com은 GitHub의 파일을 원본 그대로 제공하는 URL이다. 주로 GitHub 리포지토리에 저장된 파일의 원본 내용에 접근할 때 사용한다.
• AWS의 S3와 같이, GitHub를 데이터 저장소 용도로 활용할 수 있게 해준다.
• 예를 들어, 특정 리포지토리의 README.md 파일 혹은 이미지 파일의 내용을 직접 읽고 싶을 때 사용한다.

1-2. 동작 방식

• 해당 URL을 통해 접근하면, GitHub의 저장소에 있는 파일의 원본 데이터를 그대로 제공한다.
• 주로 개발자들이 스크립트나 설정 파일, 데이터 파일 등에 접근할 때 유용하다.

1-3. 제공 서비스

• 단순히 파일의 원본 데이터를 제공하는 역할을 한다.
• 캐싱, 로드 밸런싱, 콘텐츠 최적화 등의 고급 기능은 제공하지 않는다.

1-4. URI 구조

https://raw.githubusercontent.com/{owner}/{repo}/{branch}/{file_path}

2. cdn.jsdelivr.net(CDN)

2-1. 목적 및 사용 사례

• CDN은 전 세계에 분산된 서버 네트워크를 통해, 지리적 제약 없이 전 세계 사용자들에게 콘텐츠를 빠르고 안정적으로 제공하기 위한 시스템이다.
• 주로 웹사이트, 비디오 스트리밍, 소프트웨어 배포, 대용량 파일 제공 등에 사용한다.
• 먼 지역의 사용자들에게 안정된 서비스 환경을 제공해야 하는 경우에도 사용한다. 예를 들어, NC, 카카오게임즈 같은 온라인 게임 기업들은 CDN을 활용하여 북미나 유럽까지 서비스를 제공한다.

2-2. 동작 방식

• 사용자가 요청한 콘텐츠를 지리적으로 가까운 서버에서 제공하여 지연 시간을 줄이고 로드 속도를 향상시킨다.
• 서버와 사용자 사이의 물리적인 거리를 줄여, 콘텐츠 로딩에 소요되는 시간을 최소화 한다.
• 콘텐츠를 캐싱하여 동일한 요청이 반복될 때 원본 서버에 부하를 줄이고 빠르게 응답할 수 있다.
• 예를 들어, 웹 페이지의 이미지, CSS 파일, JavaScript 파일 등을 효율적으로 제공하여 웹사이트의 성능을 개선한다.

2-3. 제공 서비스

• 콘텐츠 캐싱: 자주 요청되는 데이터를 캐싱하여 빠르게 제공.
• 로드 밸런싱: 트래픽을 여러 서버에 분산시켜 서버 과부하를 방지.
• 보안 기능: DDoS 방어, SSL 인증서 관리 등.
• 성능 최적화: 압축, 이미지 최적화, 네트워크 최적화 등을 통해 로드 속도 향상.

2-4. URI 구조

https://cdn.jsdelivr.net/gh/{owner}/{repo}@{branch}/{file_path}

3. 주요 차이점 요약

1. 원본 데이터 제공 vs 최적화된 콘텐츠 제공

   • raw.githubusercontent.com는 GitHub 리포지토리의 파일을 원본 그대로 제공.
   • cdn.jsdelivr.net(CDN)은 콘텐츠를 최적화하고 캐싱하여 빠르고 안정적으로 제공.

2. 단순 접근 vs 고급 기능 제공

   • raw.githubusercontent.com는 단순한 파일 접근 방법.
   • cdn.jsdelivr.net(CDN)은 캐싱, 로드 밸런싱, 보안, 성능 최적화 등의 고급 기능 제공.

3. 주 사용 목적

   • raw.githubusercontent.com는 주로 개발자가 특정 파일의 원본 내용에 접근할 때 사용.
   • cdn.jsdelivr.net(CDN)은 웹 콘텐츠, 미디어 파일, 소프트웨어 배포 등의 고속 전송이 필요한 다양한 경우에 사용.

Reference

• https://www.jsdelivr.com/
• https://dreamcoding.tistory.com/43
• https://computer-science-student.tistory.com/297
• https://kyulee.tistory.com/entry/CDN-Github-jsdelivr
• https://tesseractjh.tistory.com/209
• https://korband.tistory.com/6