본문 바로가기

IT/개발

GitHub repository를 VSCode와 연동하여 작업 소스 관리하기

반응형

여기서는 vscode의 source control extension을 통해서 github에 생성한 repository에 소스를 연동하여 관리하는 방법을 설명한다. 

(GitHub에 계정을 만드는 절차는 생략)

 

1. Github에 작업 Repository 생성하기 


자신의 계정에 vscode의 현재 소스와 연동할 repository를 생성한다. 
여기서는 private로 생성하여 외부 공개가 되지 않도록 한다.

 

 

sample_test 라는 이름으로 repo를 생성하였다. 

 

 

생성된 repository의 주소를 확인하고 복사해놓는다. 

 

2. VSCode 작업하기 


이제 로컬에서 빈 윈도우를 하나 열고 github에 생성한 repository를 clone 하여 작업 공간을 생성한다. 
clone으로 빈공간을 만들고 시작하면 로컬의 콘솔이나 terminal에서 git init작업을 할 필요는 없다.

 

 

 

Clone Repository를 클릭하여 clone할 repo의 주소를 지정하고 저장위치를 설정한다.

 

 

Open 클릭 하고 신뢰성 확인 요청을 승인하면 지정된 폴더 하위에 github에서 생성한 repo의 이름으로 새로운 폴더(작업위치)가 생성된다. 

 

 

잘 동작하는지 확인하기 위해서 main.py 파일을 하나 생성하고 간단한 코드를 넣고 저장한다.

 

 

왼쪽 세로 네비게이션바에서 source control 아이콘을 클릭하면 git 명령을 사용할 수 있다. 
여기서는 vscode와 github의 연동을 설명하고자 하기 때문에 git 사용법 자체에 대한 설명은 생략한다. 

왼쪽 창을 보면 조금전에 작업한 main.py 파일이 추가, 변경되었음을 확인할 수 있다.

 

 

파일명 옆의 + 아이콘을 클릭하여 상태를 stage 로 변경하고 commit을 수행한다.

 

 

remote repo를 지정하고 push 한다.

 

 

지정한 remote url이 표시된 이름을 선택하면 push가 완료 된다.

 

 

소스를 수정하고 다시 commit & push 를 해본다.

 

 

Github에 반영된 것을 확인 완료

 

 

정상동작함을 확인하고 이후에는 일반적인 git 사용법과 동일하게 사용하면 된다.

반응형