VS Code와 GitHub 연동 방법 🤝

VS Code와 GitHub, 절친 만들기 🤝

안녕하세요, 여러분의 코딩 메이트 콩쓰입니다! 😊
오늘은 많은 분이 궁금해하시는 VS Code에서 내 소중한 코드를 GitHub에 안전하게 올리는 방법에 대해 A to Z까지 자세히 알려드리려고 해요. 코딩 초보자도 쉽게 따라 할 수 있도록 차근차근 설명해 드릴 테니, 걱정 말고 따라오세요!

📝 목차

1. 사전 준비물 체크!
2. GitHub, 우리만의 코드 저장소 만들기
3. 내 컴퓨터(로컬)에서 Git 시작하기
4. 코드 변경사항 기록하기 (feat. Commit)
5. 로컬과 원격 저장소, 드디어 연결!
6. GitHub로 코드 발사! (Push)
7. 더 쉬운 방법? VS Code UI 활용하기

---

✅ 1. 사전 준비물 체크!

본격적으로 시작하기 전에, 아래 세 가지가 준비되었는지 확인해주세요!

• Git 설치: 내 컴퓨터에 Git이 설치되어 있어야 해요. 버전 관리의 기본이죠!
• GitHub 계정: github.com에서 무료로 가입할 수 있어요. 아직 없다면 지금 바로 만들어보세요.
• VS Code 설치: 코드를 작성하고 Git을 편리하게 사용할 우리의 작업 공간, VS Code 최신 버전을 준비해주세요.

📁 2. GitHub, 우리만의 코드 저장소 만들기

코드를 올려놓을 온라인 공간, 즉 '원격 저장소(Repository)'를 만들어야 해요.

1. GitHub에 로그인 후, 우측 상단의 '+' 버튼을 누르고 'New repository'를 선택하세요.
2. 저장소 이름(Repository name)을 정하고, 간단한 설명을 적어주세요.
3. 코드를 모두에게 공개할지(Public), 나만 볼지(Private) 선택한 후 'Create repository' 버튼을 클릭하면 완성!

💻 3. 내 컴퓨터(로컬)에서 Git 시작하기

이제 내 컴퓨터의 프로젝트 폴더를 Git이 관리하도록 설정할 차례입니다.

1. VS Code에서 '파일 > 폴더 열기'로 작업할 프로젝트 폴더를 열어주세요.
2. 상단 메뉴에서 '터미널 > 새 터미널'을 클릭해 터미널 창을 엽니다.
3. 터미널에 아래 명령어를 입력해 Git을 시작하세요.
   git init
   → 이 명령어로 해당 폴더는 이제 Git의 관리를 받게 됩니다.
4. (최초 1회만) Git 사용자 정보를 설정합니다. 누가 코드를 변경했는지 기록하기 위함이에요.
   git config --global user.name "내이름"
git config --global user.email "내이메일@example.com"

💾 4. 코드 변경사항 기록하기 (feat. Commit)

코드를 작성하거나 수정한 뒤에는 '변경사항을 기록(Commit)' 해야 합니다. 마치 게임에서 중간 세이브를 하는 것과 같아요.

1. 변경된 모든 파일을 Git의 관리 목록에 추가(Staging)합니다.
   git add .
   → '.'은 현재 폴더의 모든 파일을 의미해요.
2. 변경 내용을 메시지와 함께 기록(Commit)합니다.
   git commit -m "여기에 변경 내용 요약"
   → "회원가입 기능 추가"처럼 명확하게 적는 습관이 중요해요!

🔗 5. 로컬과 원격 저장소, 드디어 연결!

내 컴퓨터(로컬)와 GitHub(원격)를 연결해 줄 시간이에요. 아까 GitHub에서 만들었던 저장소 주소가 필요합니다.

1. GitHub 저장소 페이지에서 HTTPS 주소를 복사하세요.
2. 터미널에 아래 명령어를 입력해 두 저장소를 연결합니다.
   git remote add origin 복사한_저장소_URL
   → 'origin'은 원격 저장소 주소를 가리키는 별명 같은 거예요.

🚀 6. GitHub로 코드 발사! (Push)

드디어 마지막 단계! 로컬에 기록해둔 내 코드 변경사항들을 GitHub로 업로드하는 'Push' 작업입니다.

1. 터미널에 아래 명령어를 입력하세요.
   git push -u origin main
   → 예전에는 'master' 브랜치를 썼지만, 요즘은 보통 'main'을 사용해요. 에러가 나면 'main' 대신 'master'로 시도해보세요.
2. 이제 GitHub 저장소에 가보면 내 코드가 예쁘게 올라가 있는 것을 확인할 수 있을 거예요! 🎉

💡 7. 더 쉬운 방법? VS Code UI 활용하기

터미널 명령어가 아직 어색하다면 VS Code의 내장 Git 기능을 활용해보세요. 정말 편리하답니다!

1. 왼쪽 사이드바에서 '소스 제어' 아이콘(가지 모양)을 클릭하세요.
2. 변경된 파일 목록 옆의 '+' 버튼을 눌러 스테이징(git add)합니다.
3. 상단 메시지 입력창에 커밋 메시지를 작성하고 체크(✓) 아이콘을 클릭해 커밋(git commit)합니다.
4. 하단의 '변경 내용 동기화' 버튼이나 '...' 메뉴의 '푸시'를 클릭해 GitHub로 업로드(git push)하면 끝!

---

어떠셨나요? 생각보다 어렵지 않죠? 이제 여러분도 VS Code와 GitHub를 자유자재로 다루는 멋진 개발자가 되셨습니다.
앞으로는 코드를 수정할 때마다 add → commit → push 순서를 기억하며 꾸준히 내역을 관리하는 습관을 들여보세요.
여러분의 코딩 라이프가 훨씬 깔끔하고 안전해질 거예요! 궁금한 점이 있다면 언제든 댓글 남겨주세요. 콩쓰가 항상 응원하겠습니다! 😉