[220705 / Day 36] Git : 3-Way-Merge, rebase, Stashing, Story Book

1. 3-Way-Merge : !!! 다시 설명 !!!

자세하게 나오지만 가지가 지저분해져서 많이 선호하진 않음

 

1)

checkout : 브랜치 전환에만 쓰는 명령어가 아님

switch : 새로생긴 브랜치 전환에 쓰는 명령어

 

2) 익스텐션으로 더 직관적으로 보기

git graph 설치, 왼쪽의 검색버튼 밑에 클릭, 체크 버튼 옆옆의 그래프 버튼 클릭하면 log graph 직관적이게 표시되어 나옴

 

 

2. rebase 리베이스 : 그래프에서 머지라고 자세하게 표시하고 싶지 않다 !!! 다시 설명 !!!

리베이스는 자리를 끝으로 옮겨주는 것

git rebase main : 3웨이 커밋으로 가지가 생긴 것을 깔끔하게 합쳐져 있음

!!! 주의 : ???

 

1) switch 로 이동하면서 만들기

git switch -c new : -c 는 create

 

!! 과제 : newb 브랜치 만들고, newb.html 생성, commit 기록, 메인에서 f.html 생성, commit 기록, newb 를 리베이스, 페스트 포워드로 머지

→ 코딩

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git switch -c newB

Switched to a new branch 'newB'

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (newB)

$ git add .

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (newB)

$ git commit -m 'add newB.html'

[newB 76d34b2] add newB.html

 1 file changed, 0 insertions(+), 0 deletions(-)

 create mode 100644 newB.html

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (newB)

$ git switch main

Switched to branch 'main'

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git add .

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git commit -m 'add f.html in main'

[main 9631ae8] add f.html in main

 1 file changed, 0 insertions(+), 0 deletions(-)

 create mode 100644 f.html

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git rebase main

Current branch main is up to date.

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git rebase newB

Successfully rebased and updated refs/heads/main.

 

 

2) rebase --onto 

특정 작업만 했을 때 해당 작업을 먼저 올릴 때

 

- 구조 : main - subA - subA-dep1

- 하는 법 :

$ git rebase --onto main subA subA-dep1

→ 메인에다가 서브에이 밑에 있는 서브에이뎁1에 올릴 것

→ 그니까 서브에이뎁1 은 메인에 올라가 있음

 

- 코딩 :

$ git branch

* main

  new

  newB

→ 메인에서 브랜치 확인

 

$ git branch -d new

→ 메인에서 new 브랜치 삭제

 

$ git switch -c subA

→ 메인에서 subA 브랜치 만들고 이동

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (subA)

$ git add .

→ subA 에서 subA-1.html 파일 생성하고 subA 브랜치에 add

 

$ git commit -m 'add subA-1.html in subA'

→ subA 에서 subA-1.html 파일 commit

 

$ git add .

→ subA 에서 subA-2.html 파일 생성하고 subA 브랜치에 add

 

$ git commit -m 'add subA-2.html in subA'

→ subA 에서 commit

 

$ git logstory

→ subA 에서 그래프 확인

 

$ git branch subA-dep1

→ subA 에서 subA-dep1 브랜치 생성

 

$ git switch subA-dep1

→ subA-dep1 로 이동

 

$ git add .

→ subA-dep1 에서 dep1.html 파일 생성 후 add

 

$ git commit -m 'add dep1.html subA-dep1'

→ subA-dep1 에서 commit

 

$ git switch subA

→ subA-dep1 에서 subA 로 이동

 

$ git swich main

→ subA 에서 main 으로 이동

 

$ git rebase --onto main subA subA-dep1

→ main 에서 subA 밑에 subA-dep1 을 병합

!!!!!!!

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (subA-dep1)

$ git merge subA-dep1

Already up to date.

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (subA-dep1)

$ git switch main

Switched to branch 'main'

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git branch -d subA-dep1

error: The branch 'subA-dep1' is not fully merged.

If you are sure you want to delete it, run 'git branch -D subA-dep1'.

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git branch

* main

  newB

  subA

  subA-dep1

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git branch -d subA-dep1

error: The branch 'subA-dep1' is not fully merged.

If you are sure you want to delete it, run 'git branch -D subA-dep1'.

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$

 

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git branch -D subA-dep1

Deleted branch subA-dep1 (was 4c27b86).

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git branch

* main

  newB

  subA

 

kimhy@LAPTOP-9MVGLEHR MINGW64 ~/Desktop/git/Helpgitbox (main)

$ git switch subA

Switched to branch 'subA'

 

 

 

3. 스테싱 Stashing

- 임시저장 : 커밋 안하고 나가면 다 메인으로 세이브 되는데, 커밋을 안하고 나갈 일이 있을 때 쓰는 것

- git stash : 임시 저장소에 보내주는 것

 

- 이름과 메시지를 넣고 임시 저장소로 보내주고 싶으면 :

$ git add .

$ git stash push -m 'subA ing'

→ 이렇게 하면 임시저장소로 html 파일이 갔기 때문에 안 보임

 

$ git stash list

stash@{0}: On subA: subA ing

→ 임시저장소 확인, stash 에 subA 가 들어갔다고 나옴

 

$ git stash push -m 'subA-4 ing'

→ 또 하나 임시저장소로 보내고

 

$ git stash list

stash@{0}: On subA: subA-4 ing

stash@{1}: On subA: subA ing

→ 확인해보면 0, 1 로 나옴

 

$ git stash apply stash@{1}

→ 임시저장소에 남기면서 파일 불러오기

 

$ git stash list

stash@{0}: On subA: subA-4 ing

stash@{1}: On subA: subA ing

→ 확인해보면 남아있는데 subA 에는 파일 존재

 

$ git stash pop stash@{0}

→ 리스트에서 삭제하면서 파일 불러오기

 

$ git stash list

stash@{0}: On subA: subA ing

 → 삭제된 것 확인 가능

 

$ git stash drop stash@{0}

→ 임시저장소에서 삭제, list 로 확인해보면 0 번 파일 삭제됨

 

 

4. Story Book 스토리북

https://storybook.js.org/tutorials/intro-to-storybook/react/ko/get-started/

- 디자인 랭귀지(기본적인 버튼, 시스템 모양 등) 를 컴포넌트화, 라이브러리화