본문 바로가기
IT/Visual Studio Code

[Visual Studio Code] - VSCode에서 깃(Git) 레파지토리 연동 하는 방법

by 차이나는 개발자 2024. 3. 21.
728x90
반응형


Git은 소스 코드 관리와 버전 관리를 위한 분산 버전 관리 시스템입니다. 주로 개발자들이 프로젝트의 변경 내역을 추적하고 협업하는 데 사용됩니다. Git은 파일이나 디렉터리의 변경 사항을 추적하고 이를 저장소에 기록하여 프로젝트의 버전을 관리합니다.

 

Visual Studio Code (이하 VSCode)는 Microsoft에서 개발한 무료 오픈 소스 통합 개발 환경(IDE)입니다. 강력한 기능과 다양한 확장성으로 프로그래머들 사이에서 매우 인기 있는 편집기 중 하나입니다.

 

Git과 VSCode를 서로 연동하는 방법을 알아보겠습니다.

 

 

VSCode Git 연동 사전작업

1. 깃 계정 생성

깃 허브 계정이 없는 경우 신규 계정을 생성해 줍니다.

https://github.com/

 

GitHub: Let’s build from here

GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea...

github.com

 

 

2. 깃 다운로드 및 설치

PC에 Git이 설치되어있지 않는 경우 Git을 설치해 줍니다.

https://pingfanzhilu.tistory.com/entry/GitGitHub-%EA%B9%83-%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C-%EB%B0%8F-%EC%84%A4%EC%B9%98-%EB%B0%A9%EB%B2%95

 

[Git/GitHub] - 깃 다운로드 및 설치 방법

Git이란? Git은 분산 버전 관리 시스템입니다. 여러 사람이 동시에 같은 코드에 작업하더라도 각자의 작업을 분리하여 관리할 수 있습니다. 또한, 이전 버전으로 되돌리거나, 각 버전의 차이를 확

pingfanzhilu.tistory.com

 

 

3. VSCode 다운로드 및 설치방법

PC에 비주얼스튜디오코드가 설치되어 있지 않은 경우 설치해 줍니다.

https://pingfanzhilu.tistory.com/entry/Visual-Studio-Code-%EB%B9%84%EC%A3%BC%EC%96%BC-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-%EC%BD%94%EB%93%9CVisual-Studio-Code-%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C-%EB%B0%8F-%EC%84%A4%EC%B9%98-%EB%B0%A9%EB%B2%95

 

[Visual Studio Code] - 비주얼 스튜디오 코드(Visual Studio Code) 다운로드 및 설치 방법

#비주얼 스튜디오 코드(Visual Studio Code) 란? Visual Studio Code는 vscode라고도 하며 Microsoft에서 개발한 무료 및 오픈 소스 텍스트 편집기입니다. 개발자들이 주로 소프트웨어 개발에 사용하는 도구로,

pingfanzhilu.tistory.com

 

 

4. 깃 원격 저장소 생성 방법 (다른 레파지토리가 있으면 그걸로 사용하면 됩니다.)

VSCode와 Git 연동 시 사용할 레파지토리가 존재하지 않는다면 레파지토리를 생성해줘야 합니다.

https://pingfanzhilu.tistory.com/entry/GitGitHub-%EA%B9%83%EA%B9%83%ED%97%88%EB%B8%8C-%EC%9B%90%EA%B2%A9%EC%A0%80%EC%9E%A5%EC%86%8CRemote-Repository-%EC%83%9D%EC%84%B1%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

 

[Git/GitHub] - 깃(깃허브) 원격저장소(Remote Repository) 생성하는 방법

#깃(깃허브) 원격저장소(Remote Repository) 생성하는 방법 -깃허브에 새로운 레파지토리를 생성해 보도록 하겠습니다. #깃허브 레파지토리 생성하는 방법 1. 깃허브에 로그인 후 우측 상단의 프로필

pingfanzhilu.tistory.com

 

 

VSCode Git 연동 (사전작업 완료 후)

1. 존재하는 Git 레파지토리에서 URL을 복사합니다.

 

 

2. VSCode를 실행하고 왼쪽 메뉴바에서 SOURCE CONTROL(Git 아이콘)을 선택 후 Clone Repository 버튼을 클릭합니다.

 

 

3. VSCode 상단 중앙 검색 창에 복사한 URL을 붙여놓고 엔터 버튼을 누릅니다.

 

 

4. 원격 레파지토리를 가져와서 내 컴퓨터에 저장될 로컬저장소 경로를 지정할 수 있는 창이 뜨면 폴더를 선택 후 Select as Repository Destination 버튼을 클릭합니다.

 

 

5. VSCode 우측 하단에 git 레파지토리를 가져오는(Clone) 중을 알려주는 알림이 뜹니다.

 

 

6. 내 컴퓨터에 깃 로컬저장소가 생성이 완료되면 바로 열어서 확인할지 물어보는 팝업이 뜨는데 Open 버튼을 클릭합니다.

 

 

7. 실제 아까 로컬저장소 경로로 지정한 폴더로 가보면 깃 레파지토리 폴더가 생긴 것을 확인하실 수 있습니다.

 

 

8. VSCode에서도 깃 레파지토리에서 Clone 한 프로젝트가 정상적으로 연동된 것을 확인하실 수 있습니다.

 

 

 

728x90
반응형

댓글