[생활코딩] WEB1(HTML_09) 웹호스팅(github pages)

* Windows 운영체제 기준으로 작성되었습니다.

 

§ 웹호스팅(github pages) → Click!

 

직접 웹서버를 운영하긴 쉽지 않은 일이기 때문에 github의 웹호스팅 기능을 이용해 홈페이지를 운영해보도록 하겠습니다.

github 홈페이지에 접속한 후 아이디가 있으신 분들은 로그인(sign in)해주시고, 아이디가 없는 경우 회원가입(sign up)을 진행해주세요~! 그 후 repository라는 저장소를 생성해 줄 겁니다.

New repository 클릭!

이런 화면이 뜰 텐데요. 여기에다가 이제 정보를 입력해주시면 됩니다~! 전 레포지토리 이름은 2kkeullim, Public으로 생성해주고, Initialize this repository with a README를 체크해주었습니다! 이 부분은 꼭 체크해야한다고 하네요ㅎㅎ!

다 만들고 나니 이런 페이지가 뜹니다! 일단 아까 만든 파일들을 업로드해볼게요!

first version이란 이름으로 commit 했습니다! (윗 사진의 Commit changes 버튼 클릭) 현재 올려놓은 html 파일들을 이용해 웹사이트를 운영하기 위해 설정을 바꿔야합니다. Settings → Github Pages에서 Source 밑의 None을 클릭 후 master branch로 바꿔준 후 저장해봅시다.

master branch로 바꾸면 위에 파란색으로 링크가 하나 표시됩니다. ( https://2kkeullim.github.io/2kkeullim/ ) 이 주소는 github에서 우리에게 부여해준 사이트의 주소입니다. 이제 이 링크를 공유해주면 다른 사람들도 우리가 만든 주소로 접근해 작업한 내용들을 볼 수 있습니다. 혹시 접속이 안 되는 경우 주소 뒤에 직접 index.html을 작성해주시면 됩니다. 이렇게 html을 호스팅하는 경우 static web hosting이라고 합니다.

 

• https://bitballoon.com
• http://neocities.org
• Azure Blob
• Google Cloud Storage
• Amazon S3

위에 보이는 링크들은 생활코딩 강사님께서 추천해주신 웹 호스팅 사이트들이니 관심 있으신 분들은 둘러보셔도 좋을 것 같습니다.