기타 공부/IDE

Visual Studio Code에 깃을 연결하는 방법

모항 2022. 10. 22. 19:42

아예 새로운 프로젝트를 시작할 때

Visual Studio Code에서 처음 깃에 연결하는 방법을 설명하는 게시글이다.

 

Visual Studio Code에서 미리 깃허브 로그인이 되어있다는 가정 하에 작성하였다.

로그인을 어떻게 하는지 모르겠다면... 걱정하지 말고 그냥 따라해라. 로그인이 안 되어있을 경우 진행중에 로그인을 해달라는 메시지가 뜰 테니 그 때 하면 된다.

 

가장 먼저, 프로젝트 폴더를 Visual Studio Code에서 열어준다.

 

아래와 같이 .gitignore와 index.py가 들어있는 1022라는 폴더를 Visual Studio Code에서 열었다.

 

 

 

 

깃 최초 연결에는 두 가지 방법이 있다.

1. 깃허브에서 리모트 리포지토리를 미리 만들어둔 다음에 거기에 연결하는 방식

2. Visual Studio Code를 사용해 아예 새로운 리모트 리포지토리를 만들면서 연결하는 방식

 

여기서 위쪽 버튼 (initialize Repository) 을 눌러 1번 방법을 사용할 수 있고

아래쪽 버튼 (Publish to Github) 을 눌러 2번 방법을 사용할 수 있다.

 

둘 다 정말 간단한데, 2번 방법이 특히 더 쉽고 매우 빠르다.

 

 

1. 깃허브에서 리모트 리포지토리를 미리 만들어둔 다음에 거기에 연결하는 방식

깃허브에 로그인해서, 사용할 리모트 레포지토리를 미리 만들어준다.

 

내가 만든 리포지토리의 모습이다.

 

 

 

Visual Studio Code로 돌아가

왼쪽의 도구목록에서 나뭇가지 모양의 깃 아이콘 (위에서 3번째) 을 누른다.

 

두 개의 버튼 중 위의 것인 initialize Repository 를 누른다.

 

 

 

 

 

 

더보기 버튼을 누른 뒤 Remote > Add Remote... 를 선택한다.

 

 

 

 

누르면 아래와 같이 Add remote from Github 버튼이 나타난다. 이 버튼을 누른다.

 

 

 

 

깃허브에 로그인이 되어있으므로 아래처럼 내 계정에 생성되어있는 리모트 리포지토리들의 목록이 표시된다.

그 중에서 아까 만든 리포지토리를 찾아 선택한다.

 

 

 

 

remote name을 적어달라는 요청이 뜨는데, origin이라고 적겠다.

 

 

 

 

연결이 완료되었다.

 

 

 

 

첫 커밋과 푸시를 해보자.

내역에 마우스를 올리면 나타나는 플러스 모양 버튼을 눌러 커밋할 변경사항들을 선택하자.

Changes에 마우스를 올리면 나타나는 플러스 모양 버튼(Stage All Changes)를 눌러서 모든 변경사항을 한 번에 선택할 수 있다.

 

선택했으면 Commit 버튼 상단의 Message 칸에 커밋 메시지를 적고 Commit 버튼을 누른다.

나는 initial commit 이라고 적었다.

 

 

 

Commit 버튼을 누르면 아래처럼 Public Branch라는 버튼이 나타난다.

Publish Branch를 누른다.

 

 

 

 

끝났다.

 

 

 

 

깃허브에 들어가서 확인해보자.

 

initial commit의 커밋과 푸시가 잘 된 것이 보인다.

 

 

 

 

2. Visual Studio Code를 사용해 아예 새로운 리모트 리포지토리를 만들면서 연결하는 방식

 

깃허브에 리포지토리를 미리 만들어두지 않은 채로 Visual Studio Code부터 냅다 켜면 된다.

Visual Studio Code에서 폴더를 열어준 상태에서 시작한다.

 

 

 

 

왼쪽의 나뭇가지 모양 깃 아이콘 (위에서 세 번째) 을 누른다.

 

 

 

 

아래 버튼인 Publish to Github을 누른다.

1번 방법과는 달리, 지금 열려있는 폴더를 통째로 가져다 깃에 올려주는 버튼이다.

 

새로 만들어질 리포지토리의 이름을 원하는 대로 적어준 뒤,

private와 public 중 하나를 골라 선택한다.

나는 public으로 선택하겠다.

 

 

 

선택만 해주면 첫 커밋과 푸시까지 다 자동으로 진행된다.

 

 

 

깃허브에 들어가보자.

 

새로운 리포지토리가 만들어져있고 first commit까지 다 되어있다.

'기타 공부 > IDE' 카테고리의 다른 글

IntelliJ에 깃을 연결하는 방법  (0) 2022.09.30