[Github] ③ Github Desktop에서 gh-pages로 무료 웹 호스팅하기

 

◆ 웹 호스팅이란?

→ 인터넷 호스팅 서비스의 일종으로 개인과 단체가 월드 와이드 웹을 통하여 웹사이트를 제공하는 것

 

◆ branch

→ github에서 branch를 가지고 있으면 github에서 무료로 Static 호스팅을 무료로 제공해줌

→ 마치 나무의 가지처럼 마스터(나무심지)는 건드리지 않고 새로운 기능이나 테스트 하고 싶을 때 생성하는 것 

(처음 디폴트로 생성되는 것은 master인데 master branch에는 나의 모든 commit이 반영되어 있음.)

 

◆ Static 호스팅

→ Static 웹사이트를 무료로 업로드할 수 있고 URL을 무료로 제공

 

◆ Static 웹사이트

→ HTML,CSS,JavaScript로만 이루어진 사이트(백엔드는 불가)

 

◆ 호스팅방법

1) Github Desktop 설치하기(coding-with-jina.tistory.com/27?category=781214)

[Github] Github Desktop 설치하기

 

2) repository 생성하기(coding-with-jina.tistory.com/28?category=781214)

[Github] Github Desktop으로 repository 생성

 

3) branch 만들기

① Github Desktop에서 Current branch 클릭 후 New branch 클릭

 

 

② Name에 꼭 gh-pages 라고 작성할것

→ 선택사항이 아니고 그냥 넘겨도 안됨

→ 대문자도 안되고 꼭 gh-pages 이대로 써야한다고 완전 강조함(노마드코더 니꼬쌤이)

→ 이렇게 안하면 웹사이트를 공개할때 실패함

→ 레파지토리가 private 저장소이면 public 웹사이트를 가질 수 없음

 

 

③ branch가 만들어지면 나오는 화면에서 Publish branch 클릭하면 

 

위 상단에 실행되는 표시가 뜨면 기다릴 것

 

④ 완성(빨간색 부분들을 잘 맞게 되었나 확인)

 

 

 

이전단계 → ② Github Desktop으로 repository 생성하기

coding-with-jina.tistory.com/28

[Github] ② Github Desktop으로 repository 생성

다음단계 → ④ Github Desktop으로 repository에 프로젝트 업로드하기

coding-with-jina.tistory.com/76

[Github] ④ Github Desktop으로 repository에 프로젝트 업로드하기

 

※ 참고 강의

opentutorials.org/course/3084/18891

웹호스팅 (github pages) - 생활코딩