[Git] 깃허브 웹 호스팅 하는 방법

※ 본 포스팅은 html, css , js 를 기준으로 작성되었습니다.

 

※ 리액트로 만든 프로젝트 호스팅 하는 방법 / Git Pages 만드는 방법[바로가기]

 

---

※ 본 포스팅에서의 프로젝트는 html, css, js로 만든 프로젝트 기준입니다.

 

자바스크립트로 토이프로젝트를 진행 후 웹을 호스팅 하고 싶었다.

하지만 간단한 토이프로젝트를 카페24를 통해 비용을 지불하면서까지는 호스팅 하고 싶지는 않았다.

그러다 깃에서도 호스팅이 가능하다는것을 알게 되었다.

이때 깃 리퍼지토리의 공개설정은 public 이여야 하며 파일명은 index.html 이여야 한다.

<리퍼지토리>

• html 파일 명 : index.html
• 공개설정 : public

 

 

호스팅 할 리퍼지토리에서 Settings를 클릭

 

 

 

pages클릭

 

branch를 master로 변경 후 save 클

 

 

https://dev-yihyun.github.io/Number_Baseball/

호스팅 주소가 발행됩니다. [https://깃허브아이디. github.io/리퍼지토리명]

주소가 뜨는데 시간이 걸립니다.

몇 분 기다린 후 페이지를 새로고침 하면 호스팅 된 웹 페이지를 볼 수 있다.

 

 

 

---

잘못된 정보는 댓글에 남겨주시면 감사하겠습니다!😊

댓글과 좋아요는 큰 힘이 됩니다!

 

[ 참고자료 ]