[VSCode] VSCode GitHub 연동

VSCode를 몇번 사용해본 적이 없는데.. 앞으로 자주 이용하게 될거같아 가장 기본적으로 해야되는 부분만 정리해둔다

이 글은 VSCode와 Github 계정, 그리고 Git이 설치 돼있다는 전제 하에 쓴 글이다

 

1. Github 사이트에 들어가서 본인 계정으로 로그인 한다음 Repositories 탭 클릭해서 New 버튼 클릭해서

프로젝트를 올릴 저장공간을 만든다

 

2. 저장소 이름은 정하고 싶은대로 써주고.. 체크돼있는 것들이 기본값이다. 난 이대로 Create repository를 눌렀다

 

 

3. 그러면 저장소가 생성되는데 이때 Code 버튼을 눌러서 해당 URL을 복사해준다

 

 

4. VSCode로 돌아와서 빨간색 동그라미 표시 돼있는 부분을 클릭해준다

 

 

5. 그러면 처음에 Git이 연동 안돼있다고 하면서 파란색 버튼이 뜨는데 그거 클릭해주면

아래 스샷처럼 뜬다. 그리고 변경 사항을 눌러서 접어주면 + 버튼이 생긴다. + 버튼 클릭해준다

 

 

6. 그럼 스테이징된 변경 사항으로 변경된다

 

 

7. 그 다음 빨간색 표시한 부분 클릭

 

 

8. 상단에 커밋 메시지를 입력하는 부분이 뜨는데, 이건 내가 커밋할 때 어떤 메세지를 남겨놓을 것인지 입력하라는

뜻이다. (본인은 보통 어떤 작업을 했는지 기술한다) 입력하고 Enter

 

 

9. 그러면 왼쪽에 봤을 때 파일들이 사라지면.. 터미널 창 열어서 아래와 같이 명령어를 입력해준다

git remote add orgin [복사한 Github URL]

 

 

10. 그 다음에 아래와 같이 명령어 입력해준다. 만약 에러뜨면 GitHub에서 master라는 branch를 만들어줘야된다

git pull origin master --allow-unrelated-histories

 

 

11. 그러면 로그인하라는 창이 뜰 것이다 본인 계정 로그인 해주고..

 

 

12. 로그인 완료돼서 인증 끝났으면, 그 다음 아래와 같이 명령어 입력

git push -u origin master

 

 

13. 그러면 아래와 같이 로그가 뜨면서 GitHub 홈페이지를 확인 해보면 소스들이 성공적으로 배포된걸 확인할 수 있다