Git Graph : 히스토리 시각화

Git Graph는 히스토리를 인터랙티브 그래프로 그려주는 VS Code 확장 기능이에요 : 브랜치, commit, merge, 태그. 무슨 일이 일어났는지 한눈에 보이고, 시각적 인터페이스에서 대부분의 Git 작업을 할 수 있어요.

Git Graph 설치하기

확장 기능 ID는 mhutchie.git-graph예요. Extensions 패널에서 설치하거나 터미널에서 설치해요.

$code --install-extension mhutchie.git-graph

그래프 열기

Git Graph를 여는 두 가지 방법이 있어요.

• 상태 표시줄에서: 설치 후 VS Code 하단에 "Git Graph" 버튼이 나타나요. 클릭하면 돼요.
• Command Palette에서: Ctrl+Shift+P로 열고 "Git Graph: View Git Graph"를 입력하고 Enter를 눌러요.

그래프가 전용 패널에 열려요. 각 행이 commit이고 각 색상이 다른 브랜치예요.

보이는 것들

• Commit들: 그래프의 각 점이 commit이에요. 왼쪽 열에 날짜, 메시지, 작성자, 짧은 해시가 표시돼요.
• 브랜치들: 각 브랜치마다 색깔이 있어요. 어디서 갈라졌고 어디서 합쳐졌는지 명확하게 보여요.
• 태그들: 해당 commit에 노란 라벨로 표시돼요.
• HEAD: 히스토리에서 현재 위치를 나타내는 보라색 마커예요.

마우스 오른쪽 클릭으로 할 수 있는 것들

어떤 commit에서든 마우스 오른쪽 클릭을 하면 일반적인 Git 작업 컨텍스트 메뉴가 열려요.

• Checkout: 해당 commit(분리된 HEAD)이나 브랜치로 이동해요.
• Create Branch: 이 commit에서 새 브랜치를 만들어요.
• Cherry Pick: 이 commit을 현재 브랜치에 적용해요.
• Revert: 이 commit을 취소하는 commit을 만들어요.
• Copy Commit Hash: 터미널 명령어에 쓸 해시를 복사해요.

두 commit 비교하기

commit을 클릭하고 다른 commit을 Ctrl+클릭하면 Git Graph가 두 commit 사이에 변경된 파일들을 보여줘요. 브랜치를 merge하기 전에 무엇을 가져오는지 이해하는 데 유용해요.