[요약] github를 웹호스팅으로 이용하기

버전 관리 시스템 : 백업, 공유, 협업을 도와줌

git : 버전 관리 시스템 

github : git으로 관리되는 버전을 보관해주는 온라인 서비스 ( 오픈 소스계의 블랙홀 같은 존재 )

- 여기에 소스코드를 보관할 수 있음

- 웹사이트 처럼 운영할 수 있게도 해 줌

- git을 통해 버전 관리하던, html, css, javascript를 인터넷에 퍼블리싱 할 수 있음

- github로 웹사이트를 만들게 되면 github 주소가 붙어 있음 -> domain은 보통 1년에 몇 만원주고 사야함. freenom 사이트 이용하면 어떤 도메인은 1년 간 무료로 사용 가능

1. git으로 웹사이트 프로젝트 생성 (html, css 파일 등등)

- 이용 방법

- 터미널 CLI를 통해 (명령어를 알아야 함)

- https://git-scm.com/ 에서 다운 받아 데스크탑으로 사용 가능 (github desktop 다운로드)

- Github Desktop -> preferences -> account 에서 로그인 가능

- repository 생성, 에디터(아톰)에서 해당 프로젝트 오픈

- index.html 등 파일 추가,편집

- github desktop에서 change 감지 후 commit to master

2. 지역 저장소를 원격 저장소에 등록

- repository -> repository settings 에서 로그인

- remote로 repository 생성, 등록

- 주소 누구에게 보내주면 공동 작업자가 같이 작업할 수 있음

3. github pages 로 웹사이트 publish 하기

- 프로젝트에서 settings -> github pages -> source : master branch로 설정

- https://{username}.github.io/{repositoryname}/ 로 접속 가능

4. (반복) 코드 수정 및 확인

- editor(atom)에서 편집 -> github desktop에서 commit & push -> 웹사이트 및 github 원격 저장소 확인 

5. 도메인 구하기

-  Freenom 이라는 사이트에서 website name 입력

- 무료로 이용 가능한 도메인 나옴

- get it now -> checkout -> 12 months free

- 도메인 끝나는 날짜 캘린더에 기록! (나중에 연장 필요할 수 있음)

- 회원가입 or 로그인 후 check 및 complete order

- Services -> my domain에 가지고 있는 도메인이 나옴

- Github -> Project -> Settings -> Custom Domain에 구매한 도메인 적고 Save!

- Custom Domain -> Learn more -> Quick Start : Setting up a custom domain -> setting up an apex domain -> Configuring A records with your DNS provider에 2개 ip 중 하나로 접속하게 하라고 나옴

- 카피해서 Manage Domain -> Manage Freenom DNS -> Add record에 2개 ip target에 입력 후 Save Changes

6. 참조

- https://opentutorials.org/module/2398/16117

----------------------------------------------------------------------------------------------------------------------------------------------------

- github 웹사이트에서 repository 생성

- 원격 저장소 (repository) < - > 지역 저장소 (computer)

- 옵션

- public : 무료

- private : 유료

지역 저장소에 원격 저장소를 등록

- 옵션

- https : 이 주소가 원격 저장소의 주소

- ssh : CLI 방식에서 사용하는 듯

- Github Desktop에서 Repository -> Repository settings에 https 주소 넣으면 됨 (로그인 만 해도 됐음)

----------------------------------------------------------------------------------------------------------------------------------------------------