본문 바로가기
카테고리 없음

Git Graph로 Git 저장소 시각화하기 - VSCode 내 설치법, 사용법

by 코드스니펫 2023. 10. 20.
반응형

Git Graph로 Git 저장소 시각화하기 - VSCode 내 설치법, 사용법

 

visual studio code 로고

 

Git은 현대적인 버전 관리 시스템으로, 프로젝트의 변경 내역을 체계적으로 관리하고 협업을 용이하게 합니다. Git 그래프는 Git 저장소의 구조와 커밋 히스토리를 시각화하는 강력한 도구로, 이를 통해 저장소를 더 효과적으로 이해하고 관리할 수 있습니다. 이번 글에서는 Visual Studio Code안에 Git 그래프 설치하는 방법과, 다양한 기능, 활용법에 대해 살펴보겠습니다.

 

Git Graph 설치법

 

 

Git Graph - Visual Studio Marketplace

Extension for Visual Studio Code - View a Git Graph of your repository, and perform Git actions from the graph.

marketplace.visualstudio.com

 

위의 링크를 통해 바로 설치하거나, Visual Studio Code 내 '확장' 메뉴에서 Git Graph 검색 후 설치하면 됩니다.

 

Git Graph 설치법

 

Git Graph 열기

 

Git Graph를 열기 위해서는 왼쪽 메뉴의 ① 소스제어를 클릭하여 나타나는 ② 화면 상단의 그래프 모양을 누르면 됩니다.

 

Git Graph 접속하는 방법

 

Git Graph 사용법

 

Git Graph 사용화면

 

 

Git Graph - Visual Studio Marketplace

Extension for Visual Studio Code - View a Git Graph of your repository, and perform Git actions from the graph.

marketplace.visualstudio.com

(Git Graph의 자세한 사용방법을 볼 수 있습니다)

 

1. 지역 및 원격 지점 표시하기

Git 그래프를 사용하면 지역 및 원격 지점을 시각적으로 나타낼 수 있습니다. 이를 통해 현재 작업 중인 브랜치와 원격 저장소의 상태를 빠르게 파악할 수 있습니다.

 

2. 로컬 참조 표시

헤드, 태그, 리모트 Git 그래프는 로컬 참조인 HEAD, 태그, 그리고 원격 저장소를 시각화하여 현재 브랜치와 태그를 쉽게 확인할 수 있습니다.

 

3. 커밋되지 않은 변경 사항 확인하기

Git 그래프를 통해 커밋되지 않은 변경 사항을 빠르게 확인하고, 이를 커밋하거나 비교할 수 있습니다.

 

 

GitHub에서 Branch 이슈를 매번 만드는 게 중요한 이유

GitHub에서 Branch 이슈를 매번 만드는 게 중요한 이유 GitHub은 협업을 위한 프로그래머들의 필수 도구 중 하나로, 여러 사람이 하나의 프로젝트를 효율적으로 관리하고 협력할 수 있게 해주는 역할

lemonlog.tistory.com

 

4. Git 작업 수행

Git 그래프를 사용하여 다양한 Git 작업을 수행할 수 있습니다. 지점 생성, 체크아웃, 병합, 푸시, 리베이스, 이름 변경 등의 작업을 마우스로 간편하게 수행할 수 있습니다.

 

5. 커밋 세부 정보 확인하기

Git 그래프에서 커밋을 클릭하면 해당 커밋의 세부 정보와 파일 변경 사항을 확인할 수 있습니다. 이를 통해 코드 리뷰나 변경 이력 추적이 용이해집니다.

 

끝으로

 

Git 그래프는 Git 저장소를 더 직관적으로 관리하고 협업을 향상시키는데 유용한 도구입니다. 저장소의 구조를 이해하고 다양한 작업을 효율적으로 수행하기 위해 Git 그래프를 활용해보세요. 이를 통해 프로젝트의 투명성과 협업 효율을 향상시킬 수 있을 것입니다.

 

▼ 아래 글도 읽어보세요! ▼

 

 

GitHub에서 Branch 이슈를 매번 만드는 게 중요한 이유

GitHub에서 Branch 이슈를 매번 만드는 게 중요한 이유 GitHub은 협업을 위한 프로그래머들의 필수 도구 중 하나로, 여러 사람이 하나의 프로젝트를 효율적으로 관리하고 협력할 수 있게 해주는 역할

lemonlog.tistory.com

 

 

JavaScript 화살표 함수 소개, 특징, 활용, 예시 코드, 일반 함수와 차이점

JavaScript 화살표 함수 소개, 특징, 활용, 예시 코드 화살표 함수는 JavaScript에서 함수를 간결하게 정의할 수 있는 방법 중 하나로, ES6(ECMAScript 2015)에서 도입되었습니다. 이 글에서는 화살표 함수의

lemonlog.tistory.com

 

 

Node.js 최신버전 설치 다운로드 방법, 설치 확인 방법

Node.js 최신버전 설치 다운로드 방법, 설치 확인 방법 Node.js를 사용하기 위해서는 설치 작업이 필수 입니다. 설치시 기본 다운로드 방법과 최신버전 다운로드 방법 및 설치과정, 설치가 제대로 이

lemonlog.tistory.com