[Github] 웹페이지 배포하기 (Web Hosting)

자신이 만든 웹페이지를 배포하고 싶을 때 어떻게 하면 되는 지 살펴보도록 하자.

 

1. repository를 생성한다.

 

 

2. repository 이름을 자신의 깃헙아이디.github.io 라고 반드시 지정해야한다.

   그리고 Create repository버튼을 눌러 repository를 생성한다.

 

 

 

3. 그러면 아래와 같은 창이 뜬다. 여기서 uploading an existing file을 클릭한다.

 

 

4. 클릭을 하면 아래와 같은 창이 뜨고, 자신이 배포하고자 하는 파일을 드래그 앤 드롭한다. 

   이 때, index.html을 반드시 포함해야한다. 

   그 이유는 깃헙에서는 index.html 파일을 가장 먼저 찾기 때문이다.

 

 

아래에 보면 Commit Change가 있다. 이는 파일을 추가, 수정, 삭제 등등 변화가 있을 경우, 그에 대한 간략한 내용을 메모로 남기는 것이다. 메모는 자유껏 작성하고, Commit changes를 누른다.

 

 

 

5. 그 후, 잠시 로딩시간을 기다리면 아래와 같이 파일이 repository에 업로드된 것을 확인할 수 있다.

   여기서 Settings를 클릭한다.

 

 

6. Settings창에서 Pages를 클릭한다.

 

 

7. 그러면 링크가 생성되어있는 것을 확인할 수 있다. 처음에는 시간이 걸리니 기다려야한다..! 그 후 페이지를 볼 수 있다.

 

 

만약 링크를 열었는데 아래와 같은 에러가 발생했다면, index.html이 없기 때문이다. 

index.html파일을 추가시켜주면 제대로 작동되는 것을 볼 수 있다.

 

 

하지만 1시간을 기다려도 흰화면만 보이는 경우가 있다.

 

이 경우에는 직접 웹페이지 경로를 설정해준다. 자신이 메인으로 보여주고 싶은 페이지의 경로를 작성하면 페이지가 뜨는 것을 확인할 수 있다.

 

 

이상으로 웹페이지 배포(Web Hosting)에 대해서 알아보았다.