VSCode 와 Git 연동

 

오늘은 Github에 예전에 했던 프로젝트 코드들을 push해보려고 합니다.

 

Github : 개발자 포트폴리오의 용도로 많이 사용.

Git : 소스코드 관리 도구
→ GitHub와 연동하면 변경된 코드를 쉽게 확인.

 

많이 쓰는 에디터 VSCode, Git로 Github 계정에 연동 및 커밋하는 과정입니다.

확인하기

해당 조건을 모두 만족하는지 확인 후, 다음 단계로 가주세요.

1. Visual Studio Code가 설치되어 있습니다.
   아니면  VSCode 다운로드하기 (Stable Build)
2. GitHub 계정이 있습니다.
   없으면  GitHub 계정 만들기

Git 설치하기

운영체제에 맞는 릴리즈 다운로드 Git 다운로드

모두 기본 선택 사항으로 'Next' 선택 후 빠르게 설치

 

GitHub 리포지토리와 연결하기

리포지토리(repository) : 하나의 프로젝트 또는 저장소와 같은 기능을 하는 단위
즉, 하나의 프로그램을 구성하는 모든 소스파일 및 구성요소들은 하나의 리포지토리에 들어갑니다.

 

GitHub에 새롭게 업로드하는 경우

 

1. GitHub에 게시하기

 

우선 깃허브에 올릴 파일을 열어줍니다.

제 경우에는 robotyou/src를 올릴겁니다.

 

 

아래의 Publish to GitHub - 위의 private / public 을 선택해줍니다.

 

만약 GitHub 로그인이 필요하면, '허용'을 눌러 GitHub 계정으로 로그인을 진행합니다.

• Public - 리포지토리에 포함된 소스와 파일이 모두 전체공개로 업로드.
  원하는 사람은 모두 내 소스코드를 확인하고 내려받을 수 있습니다.
• Private - 리포지토리를 나만 확인할 수 있는 비공개로 게시.

저는 팀 프로젝트이고 포트폴리오에 사용할 것이기 때문에 Private를 선택했습니다.

1-1. 소스코드 변경 후 커밋하기

프로그램을 변경하거나 소스코드를 추가했다면, 변경 사항을 커밋합니다.
이 과정을 거쳐야 GitHub에 업로드한 파일이 최신화됩니다.

 

 

+ 버튼을 눌러서 '스테이징된 변경 사항' 목록에 올립니다.
'커밋' 버튼을 눌러 변경 사항을 확정합니다.

스테이징하여 인덱스 목록에 올린 파일만 커밋됩니다.

 

커밋을 했을 때 최초 1회에 한해 id와 email을 입력하라는 문구가 출력될 수 있습니다.
우측 상단 2번째 버튼을 눌러 패널을 열고 터미널 탭에서 아래 명령어를 입력해주세요.

git config user.name (github 이름)
git config user.email (github 이메일)

 

 

1-2. 커밋이 끝났다면, 푸시(Push)하기

 

커밋을 완료해도, GitHub에서 리포지토리를 확인해보면 커밋 전과 같습니다.

커밋은 로컬 저장소에 등록하는 일이므로, 푸시(Push)까지 완료하여야 원격 저장소에 반영됩니다.

 

보기 쉽게 Readme에다 testest를 넣고 실험해보겠습니다.

 

 

+ 버튼을 누르면 changes가 뜹니다. 그리고 commit

그 후에 modified 부분의 주석을 지워줍니다.

 

그리고 commit_editmsg를 닫으면

Sync Changes를 눌러주고 OK

 

GitHub에서 정상적으로 testest가 추가된 걸 볼 수 있습니다.