웹 호스팅이란 웹사이트 또는 웹 애플리케이션을 인터넷에서 사용할 수 있게 해주는 온라인 서비스를 이야기합니다.
이런 서비스를 지원해주는 업체는 아주 다양하게 있으며 검색엔진에 web hosting으로 검색하여 보면 서비스의 종류에 따라 유료와 무료로 웹호스팅을 지원하는 사이트를 손쉽게 확인해 볼 수 있습니다.
오늘은 수많은 웹호스팅을 지원하는 사이트 중에 GitHub를 이용한 웹호스팅 방법을 소개하도록 하겠습니다.
해당 내용은 '생활코딩'에서 배운 내용을 기반으로 작성되었습니다.
바로 본론으로 들어가도록 하겠습니다.
Step 1. 깃허브(Github) 홈페이지에 접속합니다.
GitHub
Step 2. 깃허브(Github) 회원가입을 진행하여 줍니다.
- 밑의 내용을 입력하고 계정 생성을 하게 되면 해당 메일로 Launch code가 발송됩니다. 해당 코드를 입력하고 회원가입을 완료하여 줍니다.
Step 3. 가입한 아이디로 접속하게 되면 왼쪽 위에 Create repository 항목으로 들어가서 저장소를 만드는 과정을 하도록 합니다.
Step 4. Create repository 항목으로 들어가서 표시된 항목을 채우고 체크하여 줍니다.
- Repository name 항목
- Public으로 되어있는지 확인
- Add a README file 체크
Step 5. Create repository가 완료가 되면 밑의 사진과 같이 파일을 추가할 수 있는 화면이 나옵니다.
- Upload files에 들어가서 원하는 파일을 추가하도록 합니다.
Step 6. 여기까지 완료하면 밑의 이미지처럼 자신이 선택한 파일이 밑에 나타나게 됩니다.
- 파일이 업로드한 것까지 나타나면 왼쪽 아래에 Commit changes를 클릭하여 업데이트하도록 합니다.
- 밑의 빨간색 동그라미 위치에 버전 이름을 적어주고 그 밑에 패치노트 느낌의 변경점을 적어주면 좋습니다.
Step 7. 이제 Settings를 실행하고 스크롤을 내려보면 GitHub Pages라는 내용이 보입니다.
- Check it out here를 눌러서 설정을 마무리하도록 합니다.
- Source에 None이라고 되어있는 항목을 Main으로 변경하면 됩니다.
- 변경 후에 Save 하도록 합니다.
Step 8. 여기까지 진행하게 되면 웹사이트 URL이 생성이 되고 이것을 이용하여 웹사이트를 사용할 수 있습니다.
마지막 과정까지 진행하고 주어진 URL로 확인하니 제가 HTML 작성한 내용대로 검색이 되는 것을 확인하였습니다.
여기까지 깃허브(GitHub)를 이용하여 웹호스팅 하는 법을 알아보았습니다.
문제점이나 문의점은 댓글로 부탁드립니다.
'DevLog' 카테고리의 다른 글
[Github_사용법] Pycharm에서 github로 PUSH하여 PULL REQUEST하기 (0) | 2021.10.17 |
---|---|
[Log]내일배움단 Making Challenge 프로젝트 개발일지 2일차 (0) | 2021.10.17 |
[Log]내일배움단 Making Challenge 프로젝트 개발일지 1일차 (0) | 2021.10.16 |
[Bootstrap] 부트 스트랩 사용방법 (0) | 2021.09.29 |
[Setting]HTML 코딩 실습환경 준비 - ATOM (0) | 2021.08.06 |