github CDN 처럼 사용하는 방법

github CDN 처럼 사용하기 위해서는 간단한 과정만 거치면 됩니다. 우선 깃허브에 계정은 당연히 있어야 합니다.

깃허브 파일을 CDN처럼 사용하는 방법

1. github에 리포지토리를 새로 하나 만듭니다.
2. 만들때 리포지토리 이름을 [자신의 아이디].github.io 로 만듭니다.
3. 파일을 리포지토리에 올립니다. 예)test.js
4. <script src=”https://[자신의아이디].github.io/test.js”></script> 이렇게 사용

개발자도구 콘솔창에서 깃허브 javascript 파일 불러와서 실행시키기

방법 1.

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://yourID.github.io/mm.js';
document.head.appendChild(script);
Code language: JavaScript (javascript)

방법2.

async function loadScript(url) {
  let response = await fetch(url);
  let script = await response.text();
  eval(script);
}
let scriptUrl = 'https://yourID.github.io/mm.js'
loadScript(scriptUrl)
Code language: JavaScript (javascript)

방법3.

eval(await (await fetch('https://yourID.github.io/mm.js')).text())
Code language: JavaScript (javascript)

eval()은 보안 이슈가 있어서 사용하지 않는 것이 좋다고 합니다. 하지만 간단한 테스트나 데모로 사용하기에는 짧은 코드가 너무 편해서 자주 사용하는 편입니다.