[WEB] GitHub를 이용한 웹 호스팅 🕸

1. 웹 사이트를 만든 코드 파일(HTML)

2. 깃허브 페이지를 사용할 수 있는 환경

 

만 있다면 웹 호스팅을 할 수 있다.

---

웹 호스팅이란

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

https://easyhomputer.tistory.com/9?category=930933

0. WEB에 대하여 - homputer

 

 

📌 GitHub 가입 / 로그인

깃허브 사이트(https://github.com/)에서 가입 후 로그인을 진행한다.

 

 

📌 New Repository

 

로그인 후 왼쪽 상단의 Recent Repositories 목록 옆에 있는 'New' 버튼을 클릭하여 새로운 레포지토리를 생성한다.

 

 

원하는 레포지토리 이름을 입력하고 레포지토리의 공개 여부(public / private)를 선택하고, 'Create repository' 버튼을 클릭한다.

 

 

📌 파일 업로드

레포지토리를 생성하면 이제 작성한 코드 파일을 업로드해야 한다. 파란 글씨인 'uploading an existing file'을 클릭한 후 파일을 업로드한다. 파일을 선택한 후 드래그해도 좋고, 'choose your files'를 클릭하여 선택해도 좋다.

 

업로드가 완료된 파일들은 아래에 표시된다.

 

 

그리고 'Commit changes' 버튼을 클릭하면 파일 업로드 끝.

 

 

📌 웹 호스팅하기

레포지토리 메뉴 중 'Setting-Pages' - 'Source' 항목

 

 

None에서 main으로 source를 변경해준 뒤 'Save'를 눌러주면 웹 호스팅 끝.

 

📌 작업 진행 확인하기

 'Actions'에 들어가면 build 과정과 deploy 과정의 진행 상황을 확인할 수 있다. 모두 완료되면 호스팅이 완료된 것이고, 다시 'Setting-Pages'에 들어가 생성된 링크를 클릭하면 진짜 웹 호스팅 끝이다.

 

 

+) 파일을 수정하고 싶다면 add file을 눌러 파일을 재 업로드 한 후 Commit Changes를 다시 하면 된다.