Programming/WEB

[4] Github에 웹페이지 배포하는 법, 사용법 : 페이지 배포

알 수 없는 사용자 2023. 7. 14. 15:54

1. Github

더보기
 

GitHub: Let’s build from here

GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea...

github.com

 

  • 개발자들이 서로 소스코드를 올려두고 공유하는 페이지
  • 코드를 배포해서 홈페이지처럼 접속할 수 있음!
  • 이메일, 닉네임, 비밀번호 입력하고 계정을 만들어서 가입해준다.
  • free 서비스로 들어가기!

 

 

 

2. 저장소 생성하기

더보기

1) Create Repository 선택

 

2) 저장소 이름 적고, public 선택, Create Repository 선택

 

 

 

3. 파일 업로드하기

더보기

1) Add file > Upload files

2) drag & drop하고 확인 눌러주기

 

 

4. 배포하기

더보기

1) Settings > Pages 

 

2) Branch > none을 main으로 바꿔주고 > Save로 저장

➡️파일명은 index.html이어야 함. 

 

3) 조금 기다리면 다음처럼 링크가 뜨고 들어가면 페이지가 나온다!

 

5. 수정하기

더보기

1) 파일 지웠다가 다시 올리기

  • code 페이지에서 index.html 선택해서 들어가면 아래 창이 뜬다. 
  • 아래 창에서 오른쪽 위에 있는 버튼을 눌러서 delete 선택해주기
  • commit changes 선택하면 파일이 지워진다. 
  • 그리고 다시 위에처럼 파일을 올려주면 된다. 

 

2) Github 내에서 파일 코드 수정하기

  • 연필 버튼을 눌러서 바로 수정할 수 있지만 추천하진 않는다.