VSCode + GitHub 연결 5분 세팅 가이드 (초간단 실전)

 VSCode와 GitHub를 연결하면 이제부터는

코드 작성 → 저장 → 업로드까지 한 번에 가능해진다.

바이브 코딩에서 사실상 필수 세팅이니까 이 단계는 꼭 익혀두는 게 좋다.

1단계: 준비물 확인

먼저 아래 3개가 준비되어 있어야 한다.

✔ GitHub 계정 (https://github.com)
✔ VSCode 설치
✔ Git 설치 (중요)

Git 설치 확인 방법 (터미널)

git --version

버전이 나오면 OK

2단계: Git 초기 설정 (처음 1번만)

터미널에서 아래 입력

★ 윈도우버튼 클릭 - 메뉴에서 git cmd 클릭 - 긱터미널을 켜야합니다.

git config --global user.name "본인이름"
git config --global user.email "이메일"

GitHub 가입할 때 사용한 이메일과 동일해야 함

★참고로 입력해도 무반응, 아무런 출력이 없습니다. 진짜 당황스럽습니다. 

하지만 정상입니다ㅋ

진짜로 미심쩍으시다면  아래 코드를 입력해 본인이 입력한 내용이 출력되는지 확인하세요.

입력한 내용이 출력된다면 정상 설정 된겁니다!

git config --global user.name

git config --global user.email



3단계: 프로젝트 폴더 만들기 + VSCode 실행
작업할 폴더 생성
VSCode에서 해당 폴더 열기
또는 터미널에서: 작업할 폴더 생성(mkdir 폴더명 -> cd 폴더명 -> code .
VSCode가 현재 폴더를 프로젝트로 인식


4단계: Git 초기화
VSCode 터미널에서 실행: git init
정상 실행시 출력 멘트 : Reinitialized existing Git repository in C:/init/.git/
이 폴더가 이제 Git 관리 대상이 됨
★vscode 가운데 화면에서 마우스 오른쪽 클릭 팝업창 메뉴 중간 뉴터미널 클릭하면 터미널화면 열림


5단계: GitHub 저장소 생성
GitHub에서:
New Repository 클릭
이름 입력 (예: my-project)
Create Repository 클릭
생성하면 아래 주소가 나옴:
https://github.com/아이디/저장소이름.git

★윈도우버튼 클릭 -> Git GUI -> 상단 왼쪽 Repository 클릭 -> 1번 New... 클릭 

★저장 명 적는 곳 옆 위치 잡는 버튼 건들이지 마세요!! 갠히 건들였다 PC로 경로가 잡힘
그러면.. github 사이트 들어가서 Create Repository 누르고 생성된 주소 복사
생성 안되어 있음 거기에서 만드시면 됩니다.



6단계: VSCode와 GitHub 연결
터미널에 입력:
git remote add origin https://github.com/아이디/저장소이름.git
GitHub 원격 저장소 연결 완료
★애도 정상 무반응 😰


7단계: 첫 업로드 (commit + push)
1) 해당 디렉터리(폴더) 파일 추가 하고 난 후
git add . (무반응)

2) 저장 (commit)
git commit -m "first commit" (성공시 1 file changed 어쩌구, 올린 파일명이 마지막으로 출력)

3) 업로드 (push)
git branch -M main (무반응)
git push -u origin main (로그인 창이 하나뜸->8단계로 넘어감)



8단계: 로그인 (토큰 인증)
처음 push할 때 로그인 요구됨
비밀번호 대신 Personal Access Token 사용
GitHub에서: (긱허브 사이트 검색 - 긱허브 사이트 로그인 - 오른쪽 상단 지구본)
Settings → 제일 밑 -> Developer settings
중앙에서 살짝 왼쪽 메뉴 3번째 Personal Access Token 생성
생성 후 아까 토큰 적으라는 창 찾아서 비밀번호 대신 붙여넣기
토큰 생성 경로:
Settings
Developer settings
Personal access tokens
Tokens (classic)
Generate new token



이후 작업 흐름 (중요)
한 번 세팅 끝나면 앞으로는 이 반복만 하면 된다:
git add .
git commit -m "작업내용"
git push

★전체 흐름 한 줄 정리
코드 작성 → add → commit → push → GitHub 업로드


핵심 포인트
✔ VSCode = 작업 공간

✔ Git = 버전 관리 시스템

✔ GitHub = 저장 + 공유 공간

한 줄 정리
이 세팅이 끝나면 이제부터는

“코드 저장 = 자동으로 GitHub 업로드 가능한 상태”가 된다.


feat.주저리) 💬
와.. 이거 같이보고 하신분들 한번에 성공하셨나요 ㅎ
제가 정리본 옆에 계속 별표치고 주저리주저리 붙인 이유가...
저리 하라고 배워서 정리를 해놓긴 했는데.. 실제로 하려니 너무 설명이 간략해서..
또는 이해가 안가서😂 헷갈려서😭 보시는분들께 도움이 되고자 좀 더 적어보았습니다.
허브 사이트도 햇갈려가지고는 다시 한번 체크하고, 긱터미널, vs터미널, 
이것도 암대나 하면 안댄다하지.. 설명은 걍 "터미널" 하나 적혀있는경우가 대부분이지
아우 ㅋ 어째뜬, 하시는 모든 분들께 도움이 되셨길 바라며🙌