버전 관리 시스템 : 백업, 공유, 협업을 도와줌
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 주소 넣으면 됨 (로그인 만 해도 됐음)
----------------------------------------------------------------------------------------------------------------------------------------------------
'컴퓨터 공부 > Github Page' 카테고리의 다른 글
| github pages로 나만의 website 만들기 / Jekyll Theme 사용하기 (0) | 2018.04.08 |
|---|