깃허브(GitHub) 가입 + 웹호스팅 하기 + 제이쿼리(jQuery)

 구글링 하면서 많이 들어본 깃허브(GitHub). 나도 한 번 가입해봐야지 했지만 필요성을 못 느껴 계속 미루다 오늘에서야 가입을 했다. 나의 목적은 내가 만든 웹사이트를 주소만 알면 누구나 볼 수 있도록 호스팅 하는 것이다.

 

 가입은 매우 간단했다. 이름과 이메일 주소, 비밀번호만 있으면 된다. 회원가입을 하고 메일로 들어가서 인증하기만 하면 끝이다.

 

 

 가입이 끝난 후 프로젝트를 생성했다.

 

 

 repository name은 주소에 포함되므로, 직관적으로 Gong으로 정했다. 다른 것은 건드리지 않고 생성하기를 눌렀다.

 

 

 

 이제 업로드 파일 버튼을 눌러 파일들을 불러올 수 있다. 여기서 중요한 점은 파일명은 반드시 index.html이어야 한다. 그렇지 않으면 404 오류가 뜬다.

 

 

 설정(Settings)에 들어가서 스크롤을 내린 후 master branch를 선택해준다. 이제 내 사이트가 생겼다.

 

 

https://ommms.github.io/Gong/

공튀기기

 모바일에서도 잘 작동된다. 

 

 

 

 

+ 이걸 만들 때 제이쿼리를 CDN으로 가져왔는데, 호스팅하고 보니 제이쿼리가 작동을 안 했다. 검색해보니 latest는 깃허브에서 사용할 수가 없다고 한다.

 

기존에 쓰던 코드

<script src="https://code.jquery.com/jquery-latest.js"></script>

 

깃허브에 올리면서 바꾼 코드

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 

 코드를 바꿔주니 이제 잘 움직인다.