Tesseractjh
한 걸음씩
Tesseractjh
전체 방문자
오늘
어제
  • 전체 (293)
    • IT (30)
      • JavaScript (7)
      • TypeScript (5)
      • React (5)
      • Next.js (3)
      • MongoDB (2)
      • Webpack (2)
      • HTML & CSS (1)
      • Git (0)
      • AWS (1)
      • 기타 (4)
    • 연습장 (259)
      • 백준(BOJ) 문제풀이 (185)
      • 프로그래머스 문제풀이 (61)
      • LeetCode 문제풀이 (2)
      • HackerRank 문제풀이 (7)
      • 낙서장 (3)
      • 기타 (1)
    • 프로젝트 (3)
      • 지뢰피하기 (1)
      • 키릴-라틴 문자 변환기 (1)
      • Flex & Grid (1)
    • 멋쟁이사자처럼 프론트엔드 스쿨 1기 (1)
      • 일기 & 회고록 (1)

인기 글

티스토리

hELLO · Designed By 정상우.
Tesseractjh

한 걸음씩

[jsDelivr] 무료 CDN 서버로 github 저장소 파일 배포하기
IT/기타

[jsDelivr] 무료 CDN 서버로 github 저장소 파일 배포하기

2022. 6. 4. 13:52

 

🚚 jsDelivr

jsDelivr는 전세계에서 무료로 이용할 수 있는 CDN(Content Delivery Network) 서비스다. 전 세계 곳곳에 캐시 서버를 두고, 접속한 지역에서 가장 가까운 서버로부터 파일을 전송받게 되어 빠른 속도를 유지할 수 있다는 장점이 있습니다.

 

jsDelivr는 무료이며 상업적으로도 이용할 수 있습니다. 다만, 이미지 CDN으로 사용하거나 대용량 파일 전송용으로 사용하는 것은 금지되어 있습니다.

 

 

📦️ github에 있는 파일을 jsDelivr로 CDN에 올리는 방법

별도의 업로드 과정이 필요 없고, 아래와 같은 형식으로 주소를 작성하면 됩니다.

https://cdn.jsdelivr.net/gh/깃헙아이디/깃헙Repo이름@브랜치이름/파일이름

예를들어 https://github.com/tesseractjh/fg-editor Repo의 main 브랜치에 있는 /dist/fg-editor.min.js 라는 파일을 올리려면

https://cdn.jsdelivr.net/gh/tesseractjh/fg-editor@main/dist/fg-editor.min.js 로 링크를 만들면 됩니다.

 

한 가지 주의할 점은 jsDelivr는 12시간마다 캐시 데이터를 갱신하므로, 파일에 변동사항이 있는 경우 실시간 반영이 되지 않습니다. 따라서, 실시간으로 즉시 반영해야 하는 경우에는 별도의 브랜치나 Repo를 파서 다른 주소로 파일을 올려야 합니다.

 

 

참고자료

https://tistory.hi098123.com/72

 

jsdelivr CDN 이용하기

jsdelivr CDN jsdelivr은 전세계적으로 이용할 수 있고, 해외에서 접근하기 어려운 중국에서도 빠른속도로 제공할 수 있습니다. 전세계적으로 빠른속도를 제공할 수 있는 이유로는 jsdelivr을 사용하면,

tistory.hi098123.com

https://korband.tistory.com/6

 

[#github] jsdelivr CDN 서버 무료로 사용하기

CDN 서버란? CDN(Content Delivery Network)의 약자. 어느 한 서버에 있는 파일들을 글로벌하게 서비스한다고 하면 여러 hop을 거쳐야해 전송 속도가 매우 느릴 수 밖에 없다. 그래서 서버 - 사용자 사이 어

korband.tistory.com

https://hi098123.tistory.com/16

 

무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr

먼저 CDN서버란 ? CDN(Content Delivery Network) - 콘텐츠 제공 네트워크 한곳에 있는 서버에서 전세계 유저에 서비스를 하게 된다면 전세계 네트워크를 지나가면서 지연시간이 늘어나게된다. 따라서 속

hi098123.tistory.com

https://joshua-dev-story.blogspot.com/2020/09/javascript-open-source-cdn-jsdelivr.html

 

JavaScript 오픈소스 CDN jsDelivr(JS 배달) 사용 방법

npm·GitHub에 등록되어 있는 JavaScript (또는 CSS) 오픈소스를 CDN을 통해서 가져와 사용할 수 있는 간편한 방법을 소개합니다.

joshua-dev-story.blogspot.com

저작자표시 비영리 (새창열림)

'IT > 기타' 카테고리의 다른 글

[VSCode/ESLint] ESLint 자동 수정이 적용되지 않을 때  (0) 2023.01.15
[npm] npm install할 때 unable to resolve dependency tree 오류  (0) 2022.08.01
[VSCode/Prettier] Prettier 설정 파일이 있을 때에만 적용하기  (1) 2022.06.19
    'IT/기타' 카테고리의 다른 글
    • [VSCode/ESLint] ESLint 자동 수정이 적용되지 않을 때
    • [npm] npm install할 때 unable to resolve dependency tree 오류
    • [VSCode/Prettier] Prettier 설정 파일이 있을 때에만 적용하기
    Tesseractjh
    Tesseractjh
    바닐라 자바스크립트를 좋아하는 개발자입니다

    티스토리툴바