Visual Studio Code

VS Code에서 Git과 GitHub 한 번에 쓰기! 초보자도 깔끔하게 연결하기

jonbeo 2025. 7. 2. 10:00
반응형

 

 

Visual Studio Code(이하 VS Code)는 단순한 코드 편집기를 넘어서, Git과 GitHub도 통합해서 쓸 수 있는 강력한 툴입니다.
특히 Git 명령어가 아직 익숙하지 않은 초보자 분들에게는 VS Code에서 버튼 클릭만으로 GitHub에 연결하고 푸시하는 과정이 정말 편리하죠.

이 글에서는 Git과 GitHub 계정이 이미 준비된 상태에서, VS Code로 어떤 설정을 하면 바로 버전 관리를 시작할 수 있는지 단계별로 알려드릴게요!

 

1️⃣ VS Code에 Git이 연동되어 있는지 확인하기

VS Code는 설치만 하면 자동으로 Git을 감지하지만, Git이 PC에 먼저 설치되어 있어야 합니다.

 

✅ Git이 설치되어 있는지 확인하는 방법:

  • VS Code 왼쪽 하단에 소스 제어 아이콘이 보이는지 확인
  • 혹은 터미널 열고 git --version 입력 시 버전이 나오면 설치 완료

 

2️⃣ GitHub 계정 연동하기 (VS Code에서 로그인)

  1. VS Code에서 좌측 하단 계정 아이콘 클릭 → GitHub 계정으로 로그인
  2. 브라우저가 열리면 GitHub 계정 권한을 허용해줍니다

연동이 완료되면 VS Code와 GitHub가 연결되어, 로컬 저장소를 바로 GitHub에 올릴 수 있어요.

 

3️⃣ 새 저장소 만들기 & Git 초기화

  1. 새 폴더를 만들고 VS Code로 열기
  2. 터미널 열기 (Ctrl + ~)
  3. 아래 명령어 입력
git init

 

이제 해당 폴더는 Git 저장소가 됩니다. VS Code 좌측의 소스 제어 메뉴에 변경 사항이 표시될 거예요.

 

4️⃣ GitHub 저장소 연결하고 푸시하기

  1. GitHub 웹에서 새 저장소를 하나 만듭니다 (빈 저장소로 생성)
  2. VS Code 터미널에 다음 명령어 입력
git remote add origin https://github.com/아이디/저장소이름.git
git add .
git commit -m "첫 커밋"
git push -u origin master  # 또는 main

 

 

5️⃣ 이제부터는 VS Code에서 클릭만으로 커밋과 푸시!

 

변경 사항이 생기면 소스 제어 메뉴에서 바로 커밋 메시지를 입력하고 버튼 클릭만으로 푸시할 수 있어요.

 

✔️ Git 명령어를 몰라도 시각적으로 GitHub와 버전 관리를 할 수 있다는 것이 VS Code의 큰 장점입니다.

 

✅ 마무리하며

 

VS Code에서 Git과 GitHub을 한 번에 사용하는 방법, 생각보다 어렵지 않죠?
처음 한 번만 세팅하면 이후로는 클릭 몇 번으로 커밋하고 푸시하는 게 가능합니다.

반응형