개발자라면 누구나 한 번쯤 Git과 GitHub를 접하게 됩니다. 특히 팀 프로젝트나 오픈소스 협업에서 Git은 버전 관리의 표준 도구로 자리잡았으며, GitHub는 그 중심에 있는 대표적인 플랫폼이죠. 하지만 처음 Git과 GitHub를 접하는 분들에게는 다소 복잡하게 느껴질 수 있습니다. 이번 포스팅에서는 VSCode(Visual Studio Code)에서 GitHub 저장소를 clone(복제) 하는 방법과 함께 개발 생산성을 향상시켜주는 Git 관련 확장 프로그램 3가지를 소개해드리겠습니다.
📌 Git과 VSCode, 그리고 GitHub의 관계
- Git: 버전 관리 시스템. 코드의 변경사항을 추적하고, 되돌리고, 브랜치로 관리할 수 있는 도구입니다.
- GitHub: Git을 기반으로 한 원격 저장소 서비스. 오픈소스 협업이나 개인 프로젝트 백업 등에 사용됩니다.
- VSCode: 마이크로소프트에서 개발한 무료 코드 에디터로, Git 연동 기능을 기본으로 내장하고 있습니다.
이 세 가지를 연동하면, 터미널 명령어 없이도 마우스 클릭 몇 번으로 Git 작업을 수월하게 할 수 있습니다.
✅ VSCode에서 GitHub Repository Clone하는 방법
GitHub에 있는 프로젝트를 내 로컬 컴퓨터로 내려받는 것을 "clone(클론)"이라고 합니다. VSCode는 이를 GUI 환경에서 간편하게 수행할 수 있게 도와줍니다. 아래 단계대로 따라 해보세요.
1. 명령 팔레트 열기 (Command Palette)
- 단축키: Ctrl + Shift + P
- 또는 상단 메뉴에서 Help > Show All Commands 선택
명령어 팔레트는 VSCode의 모든 기능을 빠르게 찾고 실행할 수 있는 도구입니다.
2. 'Git: Clone' 입력 및 선택
명령 팔레트에 git clone이라고 입력하면 자동완성으로 관련 명령어가 나타납니다. Git: Clone 항목을 클릭하세요.
3. GitHub 저장소 URL 입력
복제하고 싶은 GitHub 저장소의 URL을 입력합니다. 예:
https://github.com/사용자명/저장소명.git
💡 GitHub에서 clone URL 복사 방법: 저장소 메인 화면 > Code 버튼 클릭 > HTTPS 주소 복사
4. 프로젝트를 저장할 로컬 경로 선택
복제한 프로젝트를 저장할 폴더를 선택합니다. 예를 들어 "C:\projects" 폴더를 선택하면, 해당 경로 하위에 저장소명이 폴더로 생성됩니다.
예:
C:\projects\my-awesome-project
5. 클론 완료 및 자동 열기
경로를 선택하고 나면 자동으로 clone 작업이 진행됩니다. 완료되면 VSCode가 해당 폴더를 자동으로 열어줍니다. 이제 로컬에서 프로젝트를 수정하고 커밋하거나 푸시할 수 있습니다.
🛠️ 추천 Git 확장 프로그램 3가지
VSCode는 수많은 확장 프로그램을 통해 기능을 강화할 수 있습니다. 그중에서도 Git 관련 기능을 시각화하고 편리하게 만들어주는 확장 프로그램 3가지를 소개합니다.
1. GitLens – Git 사용 경험을 시각적으로 업그레이드
- 기능 요약:
- 코드 줄 옆에 수정자 이름, 수정 날짜 표시
- 파일 변경 이력 및 블레임 보기
- 브랜치, 태그, 커밋 내역 시각화
GitLens는 마치 코드 속 탐정처럼 "이 줄은 누가 언제 왜 바꿨는가?"를 알려줍니다. 팀 프로젝트에서 이력이 꼬일 때 매우 유용하죠.
2. Git Graph – 커밋 히스토리를 그래프로 확인
- 기능 요약:
- 커밋 히스토리를 트리 형식의 그래프로 표시
- 브랜치 간 비교 및 전환
- 마우스 클릭으로 쉽게 merge, checkout 가능
커밋 기록을 마치 한눈에 보는 지도처럼 보여주는 Git Graph는 협업 프로젝트나 복잡한 브랜치 전략을 사용할 때 강력한 도구입니다.
3. Git History – 커밋 검색 및 변경 비교에 강한 확장
- 기능 요약:
- git log 명령어를 GUI로 대체
- 커밋 간 차이 비교
- 브랜치 변경 히스토리 확인
Git 명령어를 잘 모르는 초보자도 클릭 몇 번으로 이전 커밋과의 차이를 확인할 수 있어 학습용으로도 좋습니다.
💡 Tip: VSCode에서 Git이 동작하지 않는다면?
Git 명령어가 동작하지 않거나 clone 버튼이 회색으로 비활성화되어 있다면 아래를 확인하세요.
- Git이 PC에 설치되어 있는가?
- Git 공식 사이트에서 Git을 설치
- VSCode에서 Git 경로가 설정되어 있는가?
- File > Preferences > Settings → "Git Path" 검색 → 경로 지정
- VSCode 재시작
🧩 마무리: Git 사용, 어렵지 않습니다
Git은 복잡해 보이지만, VSCode의 친절한 GUI 환경과 위에서 소개한 확장 프로그램들을 활용하면 훨씬 쉽게 접근할 수 있습니다. 특히 GitLens, Git Graph, Git History는 Git의 복잡한 내부 구조를 시각적으로 정리해줘, 초보자부터 중급 개발자까지 모두에게 유용합니다.
✨ 이런 분들에게 추천합니다
- VSCode를 주력 IDE로 사용하는 개발자
- Git과 GitHub를 처음 접하는 입문자
- 협업 프로젝트에서 변경 내역을 쉽게 관리하고 싶은 팀원
- 터미널 명령어보다 GUI 중심의 Git 환경을 선호하는 분
'IT' 카테고리의 다른 글
| Git clone 명령어 완벽 가이드 | 깃 저장소 복제 방법과 실전 사용 팁 (0) | 2025.05.09 |
|---|---|
| [Git] Spring Tool Suite(STS) 4에서 GitHub 프로젝트 Clone 및 Import하는 완벽 가이드 (0) | 2025.05.09 |
| Git에서 git remote 명령어 완전 정복: add origin부터 set-url까지 실전 예제로 배우기 (0) | 2025.05.09 |
| [Python 웹 스크래핑 비교] BeautifulSoup vs Selenium - 언제, 왜, 어떻게 써야 할까? (0) | 2025.05.09 |
| 설치 없이 파이썬 코드를 실행할 수 있는 웹 컴파일러 3가지 추천 (0) | 2025.05.09 |