html,css/html

GitHub 웹호스팅(web hosting) 사용하기

정데브 2021. 7. 7. 19:47

안녕하세요~~😁 정데브 입니다! 오늘은 !! 이전에 제가 혼자 작업해봤던 TO_DOLIST를 GitHub를 사용해서 web hosting으로 따로 웹서버를 구축하지 않고 홈페이지를 실행해보도록 하겠습니다! 차근차근 따라와보세요! 생각보다 쉬워서 놀랬습니당 💛

 

 

1. 깃허브 로그인 및 회원가입

https://github.com/

 

GitHub: Where the world builds software

GitHub is where over 65 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 feat...

github.com

 

2. 새로운 repository 생성

 

3. Repository name 설정 및 Add a README file 체크 (Repository를 설명해 줄 파일)

 

4. 새로만든 repository 클릭 후 Add file -> Upload file 선택 

5. 진행할 코드 파일 업로드 (choose your files) -> 해당 파일에 대한 간략한 설명 추가 -> Commit changes

 

 

6. 파일 업로드 완료 후 -> Settings(설정) 클릭

 

7. 스크롤을 쭉~ 내려 GitHub Pages 부분에 있는 Check it out here! 클릭!

 

 

8. None을 main으로 바꾼 후 /docs -> Save

 

9. GitHub Pages 링크 생성 확인

 

10. 해당 링크 클릭 후 프로젝트 실행 확인

 

우리 컴퓨터에는 웹서버가 설치되어 있지 않아서 다른 사용자가 접근할 수 없습니다. 이러한 웹포스팅을 통해서 생성된 링크를 공유하여 다른 사용자가 내가 만든 웹페이지에 접속할 수 있도록 만들어준답니다!! 깃허브 말고도 생활코딩에서 추천해준 웹포스팅업체 링크도 함께 첨부합니다!

 

free static web hosting

 

'html,css > html' 카테고리의 다른 글

HTML - marquee 태그  (0) 2021.07.08
HTML - 글자 관련 태그  (0) 2021.05.07
HTML - 문단모양변경 태그  (0) 2021.05.07
HTML 개요  (0) 2021.05.06
Visual Studio Code - 첫걸음, 프로젝트 만들기 (꿀팁 포함!!)  (0) 2021.04.28