깃 허브 웹 호스팅 – 무료로 웹사이트 만드는 방법

깃 허브 웹 호스팅으로 무료 웹사이트 만들기

깃 허브 웹 호스팅은 개발자들에게 인기있는 무료 웹 호스팅 서비스입니다. 깃 허브 저장소에 HTML, CSS, 자바스크립트 파일을 업로드하면 간단히 웹사이트를 만들 수 있죠. 도메인 연결, HTTPS 지원 등 기본적인 웹 호스팅 기능을 모두 제공합니다.

깃 허브 웹 호스팅의 장점은 다음과 같습니다.

• 완전 무료로 웹사이트를 운영할 수 있음
• 깃 허브 저장소와 연동되어 버전 관리가 용이함
• 사용자 도메인 연결 가능
• HTTPS 지원으로 보안성 향상

반면 단점으로는 서버 사이드 프로그래밍 언어를 지원하지 않아 정적 웹사이트만 호스팅할 수 있다는 점이 있습니다. 워드프레스 같은 CMS도 설치할 수 없죠. 하지만 개인 블로그나 포트폴리오 웹사이트 용도로는 충분히 활용 가능합니다.

그럼 깃 허브 웹 호스팅을 이용해 웹사이트를 만드는 방법을 알아보겠습니다.

1. 깃 허브 계정 생성하기

깃 허브 웹 호스팅을 사용하려면 먼저 깃 허브 계정이 필요합니다. 깃 허브 사이트에 접속해서 회원가입을 진행하세요.

2. 새 저장소 만들기

깃 허브에 로그인한 후 새 저장소(repository)를 생성합니다. 저장소명은 반드시 username.github.io 형식으로 지어야 합니다. username 부분에는 본인의 깃 허브 아이디를 입력하세요. 예를 들어 제 깃 허브 아이디가 johndoe라면 저장소명은 johndoe.github.io가 됩니다.

저장소는 퍼블릭으로 설정하고, README 파일 생성 옵션은 체크하지 않습니다. 그리고 Create repository 버튼을 눌러 저장소 생성을 완료합니다.

3. 파일 업로드하기

이제 로컬 PC에서 작성한 HTML, CSS, 이미지 파일 등을 깃 허브 저장소에 업로드할 차례입니다. 깃 허브 데스크톱 프로그램을 사용하면 쉽게 파일을 업로드할 수 있습니다.

먼저 로컬 PC에 빈 폴더를 하나 만들고 깃 저장소로 설정합니다. 그리고 깃 허브 데스크톱 프로그램의 File - Clone repository 메뉴에서 아까 만든 깃 허브 저장소를 선택해서 로컬 폴더와 연결합니다.

그 다음 로컬 폴더에 아래와 같이 파일을 생성합니다.

• index.html (메인 페이지)
• style.css (스타일시트)
• script.js (자바스크립트)
• images 폴더 (이미지 파일 저장용)

파일 생성이 끝나면 깃 허브 데스크톱 프로그램에서 변경사항을 커밋하고 푸시합니다. 잠시 후 깃 허브 저장소를 확인해 보면 로컬에서 작성한 파일들이 잘 반영되어 있을 것입니다.

4. 웹사이트 확인하기

파일 업로드까지 마쳤다면 이제 웹 브라우저에서 https://username.github.io 주소로 접속해 봅니다. username 부분은 본인 깃 허브 아이디로 바꿔주세요. 로컬에서 작성한 index.html 파일이 웹 페이지로 잘 뜨는지 확인합니다.

5. 사용자 도메인 연결하기

깃 허브에서 제공하는 기본 도메인 말고 자신이 소유한 도메인을 연결할 수도 있습니다. 먼저 도메인 관리 페이지에서 CNAME 레코드를 추가합니다. 레코드값은 username.github.io로 설정하세요.

그리고 깃 허브 저장소 루트 경로에 CNAME 파일을 만들고 연결할 도메인 주소를 입력합니다. 예를 들어 제 도메인이 johndoe.com이라면 CNAME 파일에는 johndoe.com을 입력하면 됩니다.

도메인 설정이 완료되면 https://johndoe.com 주소로 깃 허브 페이지에 접속할 수 있게 됩니다. 도메인 반영에는 시간이 좀 걸릴 수 있으니 기다려 주세요.

6. HTTPS 설정하기

깃 허브 웹 호스팅은 자동으로 Let's Encrypt 인증서를 발급해 줍니다. 사용자 도메인을 연결한 경우에도 추가 설정 없이 바로 HTTPS 접속이 가능합니다.

만약 HTTPS가 적용되지 않는다면 깃 허브 저장소 설정에서 "Enforce HTTPS" 옵션을 활성화해 보세요. 그래도 안 된다면 도메인 DNS 설정에서 CAA 레코드를 확인해 주세요.

7. 웹사이트 업데이트하기

웹사이트 내용을 수정하려면 로컬 PC에서 파일을 변경한 뒤 깃 허브 데스크톱 프로그램으로 다시 커밋 & 푸시하면 됩니다. 푸시가 완료되면 잠시 후 웹사이트에 자동으로 변경사항이 반영됩니다.

혹시 깃 허브 웹 호스팅 사용 중에 문제가 생기면 깃 허브 문서를 참고하세요. 자주 발생하는 오류에 대한 해결책을 제공하고 있습니다.

"깃 허브 웹 호스팅으로 무료로 웹사이트를 만들 수 있다는 건 정말 놀라운 일입니다. 이제 돈 걱정 없이 자신의 아이디어를 마음껏 펼칠 수 있게 되었죠."

깃 허브 웹 호스팅 서비스 비교

깃 허브 웹 호스팅과 유사한 서비스로는 깃 랩 페이지, 넷 리파이, 버셀 등이 있습니다. 이 서비스들의 특징을 표로 정리해 보았습니다.

서비스명	저장소	사용자 도메인	HTTPS	서버 언어
깃 허브 페이지	깃 허브	지원	지원	미지원
깃 랩 페이지	깃 랩	지원	지원	미지원
넷 리파이	깃 허브, 깃 랩	지원	지원	지원
버셀	깃 허브, 깃 랩	지원	지원	지원

깃 허브 웹 호스팅과 깃 랩 페이지는 거의 동일한 기능을 제공합니다. 둘 다 정적 웹사이트만 호스팅할 수 있죠. 반면 넷 리파이와 버셀은 서버 사이드 프로그래밍 언어를 지원해서 좀 더 다양한 웹 앱 개발이 가능합니다.

깃 허브 웹 호스팅은 2008년 4월 10일에 처음 출시되었습니다. 현재는 수많은 오픈소스 프로젝트 웹사이트에서 활용되고 있죠. 앞으로도 깃 허브 웹 호스팅이 더욱 발전하길 기대해 봅니다.

자주 묻는 질문