VS Code 깃 & 깃허브 사용하기 - 깃허브 연결

VS Code 에서 깃과 깃허브 사용하는 방법을 공부하고 있다.

2024.02.17 - [Git & GitHub] - 깃과 깃허브 비주얼 스튜디오 코드로 다루기 - VS code

깃과 깃허브 비주얼 스튜디오 코드로 다루기 - VS code

 

이전 글에서 기본 셋팅 방법을 알아봤고, 지금은 본격적으로 깃허브에 연결하는 방법과 셋팅을 공부하고자 한다.

 

 

깃허브에 연결하기

깃허브에 원격 저장소 만들기

1. 깃허브 로그인 후 New 눌러서 새 저장소 만들기 - test-3 으로 만들기

2. <>code 눌러서 주소 복사

 

원격 저장소 연결하기

1. VS code의 소스 제어 창을 연 후 ... 을 클릭 후 원격 (Remote) - 원격 추가를 선택

2. 주소 입력

3. 저장소 이름 입력

4. 원격 저장소 연결 시 우측 하단에 fetch 할 것인지 알림 창 뜸. 중요한 프로젝트면 yes, 자주 페치할 필요가 없으면 아니오 선택.

 

원격 저장소로 푸시하기

1. 소스 제어 창에서 ... 클릭 후 풀, 푸시 - 다음으로 푸시

2. 깃허브 저장소에서 풀 된 것을 확인

 

 

브랜치 관리하기

새로운 브랜치 만들기

1. 소스 제어 창에서 ... 클릭, 분기 - 분기 만들기 (Branch) 선택 후 새로운 브랜치 이름 입력 - newBranch

2. VS 코드 왼쪽 아래 newBranch 로 변경되어 있음을 확인

 

새 브랜치에서 커밋하기

1. 탐색기 창으로 가서 현재 브랜치에 work4.txt 파일 생성 - 4 입력 후 저장

2. 소스 제어 창에서 + 클릭해서 스테이징 (Untraced file 이기 때문)

3. 메세지에 work4 파일 생성 적은 후 커밋

 

브랜치 전환하기

newBranch 에서 만든 work4 를 main 브랜치에서 확인하기

1. VS code 상태 표시줄 왼쪽아래에 브랜치 이름 클릭 후 main 으로 변경

2. work4 가 메인에 없다 (newBranch 가 아니기 때문)

 

새 브랜치를 원격 저장소로 푸시하기

1. newBranch 로 브랜치 전환

2. 소스 제어 창에서 ... 클릭, 풀,푸시 - 다음으로 푸시 후 원격 저장소에 푸시 (main 에 있어도 상관 없음)

3. 깃허브 인터넷에서 newBranch 생성된 것과 newBranch 에서 내용 work4.txt 있는 것 확인

 

브랜치 병합하기

newBranch와 main 을 병합

1. main 브랜치로 전환

2. 소스 제어 창에서 ... 클릭, 분기 - 분기 병합 선택 (merge) 후 newBranch 선택

3. work4.txt 확인