앞서 PWA를 만들기 위해서는 HTTPS 도메인이 요구되는 것을 알아보았습니다. 이번 챕터에서는 Github의 Github Pages와 ngrok을 사용하여 https가 연결된 도메인을 만들어 보도록 합시다.

1. Github Pages

Github(깃허브)는 분산 버전 관리 툴인 깃 저장소 호스팅을 지원하는 웹 서비스입니다. Github Pages는 Github에서 제공하는 서비스로, 깃허브의 repository에서 HTML, CSS, Javascript를 가져와서 빌드 프로세스를 통해 파일을 선택적으로 실행하고, 웹 사이트를 게시하는 정적 사이트 호스팅 서비스입니다.

Github Pages를 이용하면 github.io 도메인 또는 사용자 커스텀 도메인에서 사이트를 무료로 호스팅을 할 수 있습니다.

1.1 Github 로그인 하기

github 페이지(https://github.com/)로 접속한 후 Sign in 버튼을 클릭하여 로그인을 합니다. 회원이 아닐 경우 Sign up 버튼을 클릭하여 회원가입을 진행합니다.

Github 페이지

Gihub 로그인 페이지

Github 회원가입 페이지

1.2 Repository 만들기

Repository(저장소)는 코드를 저장할 저장소입니다. [Repositories] 메뉴를 클릭하고 오른쪽 상단에 위치한 New 버튼을 클릭합니다.

아래와 같이 저장소 이름과 간단한 저장소 설명을 입력합니다. 그리고 공개 여부는 Public으로 설정하고, 저장소 초기화 시 생성할 파일은 README 파일만 체크해 주도록 하겠습니다.