[깃/깃허브] diff, difftool, gitGraph(VSCode 익스텐션) 사용법

 

이번 포스팅은 코딩 애플 영상에서 보기좋게 잘 요약된 부분만 가져왔다.

공부하려고 블로그 하는 건데 다 아는 건 앞으로 시간 들여서 포스팅 하지는 않을 것이다.

점점 포스팅이 귀찮아지고 있다. 

명령어나 코드를 실행할 때마다 출력 결과나 화면이 어떻게 되는지 스크린샷해서 계속 보여줘야 하기 때문이다.

코드 원하는대로 고치는 것도 노가다 + 시간 순삭인데

기록 까지 남기는건 얼마나 부지런한 사람들인가

MBTI P인 나로써는 점차 블로그에 기록 남기는 것도 힘들어지고 있다.

(그냥 혼자 알고 끝내고 싶은 유혹이)

 

⚡git diff (잘 안쓰는 방식)

- 최근 commit vs 현재 파일의 차이점을 보여준다.

- `j`, `k`로 스크롤 조작, `q` 키로 종료

- 단점 : 보기가 힘들다.

 

---

⚡git difftool

- Vim 에디터 형식으로 차이를 보여주기 대문에 `git diff`를 썼을 때 보다는 가독성이 좋다.

- git difftool 명령어를 입력하면 끝이 아니라 아래처럼 터미널에서 [Y/n]? 에 대해 y를 입력 해 주어야 한다.

- `h`, `j`, `k`, `l`키가 방향키이고 `q`또는 `qa`가 종료 키이다.

- git difftool은 커밋아이디와 함께 사용한다.

 

`커밋 아이디`란?

git log 를 입력하면 메세지 앞에 뜨는 키값이다. 아래화면에서 커밋 아이디는 `수정했음`이라는 메모 앞에 있는 노란색 코드.

 

git difftool은 하단의 질문에 y를 입력 해 주어야 실행된다.

 

- 아래처럼 출력되기 때문에 git diff에 비해 훨씬 깔끔하다.

 

 

difftool 명령어를 쓰는 방법에는 두 가지가 있는데

첫 번째로는 현재파일과 특정 커밋을 비교하는 방식이고

두 번째로는 특정 커밋 두 개를 서로 비교하는 방식이다.

 

(1) 현재파일 vs 특정커밋 비교

difftool 커밋아이디

 

특정 시점에서 커밋한 코드와 현재 코드를 비교할 때 쓴다.

 

(2) diff tool  커밋아이디1  커밋아이디2

이미 커밋이 일어난 두 코드 간의 차이를 확인하려고 할 때 유용하다.

 

---

⚡VSCode Extension 추천: Git Graph

- git log 명령어를 쓰지 않고도 버전관리 내역을 보여주는 익스텐션

- Git Graph 말고도 익스텐션 검색창에 `Git` 이라고 입력하면 비슷한 익스텐션이 여러가지가 있으니 마음에 드는 걸로 쓰면 된다.

 

아래는 git log 명령어로 커밋 내역을 조회한 결과이다.

아래는 익스텐션으로 커밋내역 조회한 화면

훨씬 깔끔하다.