ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • #5 팀플과 협업을 위한 git/github - git GUI 사용하기(Kraken)
    git/팀플과 협업을 위한 git 시리즈 2021. 8. 25. 18:23

    자. 이제 답답한 콘솔 환경을 어쩌면(?) 벗어날 수 있는 기회가 왔다.

     

    앞으로 강의할 내용은 변경사항들이 많아서 왔다갔다 하다 보면 헷갈릴수 있다.

    지금이 아무래도 git GUI 의 사용법을 알려주기에 가장 적당한 시기라고 생각했다.

     

    git GUI 는 우리가 지금까지 콘솔환경에서 봤던 것을 GUI를 통해 쉽게 다룰 수 있게 제공해준다.

    또한 시각적으로도 훌륭하게 보여줌으로서, 우리가 공부를 진행하는데에도 많은 도움이 될 것이다.

     

    세상에는 여러가지 git GUI가 나와있다.

    윈도우나 맥에서는 source tree 를 많이 사용하는 것 같다.

     

    하지만 source tree 의 단점이라면, 리눅스(우분투 등)에서 지원하지 않는 것이다!!!

    나도 리눅스를 즐겨 쓰고, 여러분도 언젠가 리눅스 환경에서 개발을 할 일이 있을 수 있다.

    그래서 이 강의에서만큼은, 윈도우/맥/리눅스 모두 사용이 가능하고 활발한 오픈소스인

    "크라켄(Kraken)" 을 사용하도록 하겠다.

     

    걱정마라! source tree가 되었던 뭐가 되었던,

    git GUI 들은 전부 사용법이 거기서 거기다.

    내가 현업에서 심오한 환경을 건들이는게 아닌 이상,
    똑같은 방식으로 똑같은 ui/ux를 제공한다.

     

    내가 git 명령어와 협업방식을 정확하게 알고 있다면,

    다른 gui 에 적응하는 것은 5분도 안걸릴 것이다.

     

     

    https://www.gitkraken.com/download

     

    Download Free Git Client - Windows, Mac, Linux | GitKraken

    Download the free Git client for Windows, Mac & Linux! GitKraken Git GUI is free for use with public repositories. Join leading companies like Google, Microsoft & more!

    www.gitkraken.com

    여기에 가서, 자신의 운영체제에 맞는 설치파일을 골라 설치하자.

     

     

     

    중간에 프로필을 설정하는 것이 있는데,

    name 과 email 을 git / github 와 일치시켜주자.

     

     

     

     

     

    설치 완료 후 초기화면이다.

    우리가 지금까지 썼던 폴더를 열어주자.

     

     

     

     

    이제 다음 창을 볼 수 있을 것이다.

     

     

    우리가 전 강의에서 진행했던, readme 파일을 작성한 초기 커밋이다.

    그럼 새로운 파일을 만들고 커밋해서 어떤 변화가 일어나는지 관찰해보자.

    이렇게 새로운 파일을 만들고 저장해주었다.

    그랬더니 위와 같이 first commit 위에 새로운게 생겼고,

    Unstaged Files 라는 것에 우리가 방금 생성한 파일이 보인다.

    그리고 1 file change on [main] 이라고 메인 브랜치에서 변경사항이 있다는 것을 알려준다.

     

    우리는 전시간에

    add -> commit -> push

    이런 방식으로 진행했었다.

     

    콘솔에서 했던 것을 그대로 따라하면서 어떤 변화가 생기는지 찾아보자!

     

     


    git add 를 했다.

    복습하자면, 커밋을 할 파일을 추가하는 것이다.

    크라켄을 봐볼까?

     

    오. 아까는 Unstaged File에 "GUI 테스트.txt"가 있었는데,

    우리가 add를 해주니, Staged File 로 넘어갔다.

    느낌이 오는가!

    커밋을 할 준비가 되었다는 것이다.


    이번에는 commit을 했다.

    커밋 메시지는 이해가 쉽게 "second commit" 으로 했다. (일반적으로 첫번째 커밋을 제외하면 이렇게 쓰지는 않는다.)

     

    크라켄을 확인해보자.

    좋다!

    second commit이 정상적으로 올라갔다.

     

    그러면 이제 push를 해보자.

     

     

    크라켄에 차이점이 보이는가?

    유심히 살펴보자.

     

    필자께서 몸소 그림을 그려왔다.

    우리가 push를 하기 전까지는 '내 컴퓨터'에서만 commit 이 일어난 것이었다.

    그러나 push를 한 후에는, github 저장소에서도 연동이 되어 second commit이 반영되었다.

     

    짠. 그리고 추가적인 팁을 주자면,

    github에서 저기 밑줄친 commit을 누르면, 지금까지의 커밋 기록을 요약해서 볼 수 있다.

     

     

     


    크라켄만을 사용해서 깃을 다뤄보자

    지금까지 우리가 콘솔에서 (수정 - add - commit - push) 과정을 거쳤을때

    크라켄에서 어떤 현상이 일어나는지에 대해 알아보았다. (그리고 복습도 ... ㅎ)

     

    이번에는 수정된 파일을 크라켄만을 사용해서 add - commit(+메시지작성) - push 를 해볼 것이다.

     

     

    이제 세번째 커밋을 위해 이렇게 수정을 해주었다.

     

     

    이번에도 역시 GUI 테스트가 unstaged files에 올라갔다.

    저 GUI 테스트.txt 를 한 번  클릭해보자.

     

     

    참 친절하게도 추가된 사항을 알려준다.

    그러면 혹시 기존 파일에서 삭제된것도 알려줄까?

     

    바로 테스트를 해보자.

     

     

    두번째 커밋의 점을 지웠다.

    오. 첫번째 라인이 수정되었다고 알려준다.

    물론 이것을 콘솔환경에서도 확인을 할 수 있는 명령어가 있지만(git diff),

    이렇게 시각적으로 완벽하게 보여주지는 않는다.

     


    이제 add 를 해볼까?

    stage file을 클릭해보자.

    (stage all chages도 상관없다. 변경된 모든 파일을 add 하는 것이기 때문에.)

     

     

     

    오호.

    아까전에 git add . 를 한 것과 같은 동작이 일어났다.

    이제 commit 을 할 차례이다.

     


     

    커밋 메시지는 여기에 적어주면 된다.

    그리고 commit changes to 1 file 클릭!

     

     

     

    짠. 코드 한 줄 짜지 않고, gui 를 통해 커밋에 성공했다.

    push는 어떻게 하느냐?

    대놓고 버튼이 있다 !!

     

    푸시 알람이 뜨면서 push가 잘 되었음을 알려준다.

     

    댓글 0

Designed by Tistory.