#7.0 Branches on Git
#7.1 Publishing on Github Pages
#7.2 Updating Github Pages

# 7.0 Branches on Git

Git branch

각 동그라미는 commit을 의미하고, 어떤 commit이라도 거기서 부터 다른 프로젝트를 시작할 수 있다. 대부분 사람들은 master branch에는 stable한 (잘 작동하는 것으로 어느정도 검증이 된) code를 올린다. 그리고 실험하고 싶은 기능이있거나 새로운 기능을 추가할 때는 새로운 branch를 만든다.

branch는 나무 뿌리 (master)에서 가지 처럼 뻗어 나간다는 뜻에서 branch(가지)라는 이름이 붙었다. branch는 아예 새로운 경로로 뻗어나갈 수도 있고, branch를 만들었다가 작업이 끝나면 다시 합칠 수도 있다(merge).

master ->Branch 버튼 ->Merge into Current Branch 버튼

# 7.1 Publishing on Github Pages

Static Website

Github는 무료로 static website를 제공하는 좋은 기능이 있다.
static Website란 HTML, CSS, JavaScript로만 이루어진 사이트를 의미한다. front-end만 가능하고 back-end에서는 다룰 수 없다.

How to make a static website?

우리가 직접 branch를 만들어야 한다.
branch의 이름은 'gh-pages'이고 public 저장소여야만 한다.
대문자❌,page❌,private 저장소❌,오타❌

New Branch 버튼을 클릭 해 주고

Branch 이름은 무조건 gh-pages로 설정한다.

Publish branch 버튼을 눌러서 publish 해 준다.

`
Github의 해당 레퍼지토리에 가보면 Branch가 2개인 걸 확인 할 수 있다.

Deployments에서는 우리가 작업했던걸 URL로 볼 수 있어서 친구들에게 자랑도 할 수 있다. 😎

URL 형식: 유저네임/github.io/저장소이름

https://gata96.github.io/kokoa-clone-2023-project/

# 7.2 Updating Github Pages

프로젝트를 완성해서 static website까지 만들었는데 가만보니 코드를 수정하고 싶은 부분이 생겼다. 어떻게 해야할까?
이번에는 github page에서 수정하고 싶은게 생겼을 때 어떻게 해야할지 알아본다.

먼저, master(혹은 main) branch로 간다.

수정하고 싶은 내용을 master branch 상에서 수정하고 master branch 상에서 commit을 한다. 여기서 중요한 것은 모든 수정은 master(혹은 main) branch에서 하는 것이다. commit을 하고 origin에 push까지 해도, 아직 github pages branch를 업데이트 하지 않았다면, 내 URL로 접속해도 아무런 변화가 없다.

코드의 업데이트는 master에서 하되 gh-pages branch에 가서도 업데이트 해줘야한다.
gh-pages로 이동 후 branch -> update from master(master에 있는 모든 commit들을 gh-pages로 가져오겠다는 뜻)

이제 gh-pages에 master가 merge 되었다. gh-pages branch를 github.com에 올리기 위해 push origin을 해준다. 자, 이제 웹사이트가 성공적으로 업데이트 되었다.

Deplyments에서 업데이트 된 내용을 확인해 볼 수 있다.