[Git] vscode 연동 및 branch 생성, commit / PR(Pull requests) 하는 법

vscode 연동

vscode를 연동시키기 위해 본인의 프로젝트인 Repository를 하나 생성하자.

생성한 Repository에 들어가서 아래 사진처럼 code를 누르면 본인의 저장소 clone 주소를 얻을 수 있다. 해당 내용을 복사해놓자.

vscode를 실행한 후 F1을 눌러 git clone을 입력한다.

그럼 위 내용이 뜰 것이다.

이 부분에 위에서 얻은 내용(https://github.com/사용자이름/프로젝트내용.git)을 복사해 넣는다.

그러면 클론되어 vscode에서 새 창으로 열리며, 깃으로 변경내용을 commit할 수 있게 된다.

 

 

그 다음 터미널이나 작업 관리자를 켜보자.

그리고 위에 클론한 디렉토리에 접근하자.

 

cd [project Forder]

 

브랜치 생성

그 후 기능 구현을 위해 브랜치를 생성하자.(기본은 main으로 되어있음)

 

git checkout -b [branch name]

 

여기까지 왔으면 이제 commit할 준비가 다 됐다!

commit방법에는

 

vscode에서 하기

터미널에서 하기

 

두가지 경우로 나눌 수 있으며, 밑에 각 설명을 듣고 각자 편한 방법으로 사용하면 될 것 같다.

 

1. vscode에서 깃에 commit하기

다시 vscode로 돌아와서 프로젝트를 진행해보자.

index.html을 생성하고, 제목과 내용 일부를 작성했다.

그럼 왼쪽을 보면 3번째 소스제어 칸에서 변경사항이 있다고 알려준다.

소스제어 칸을 통해 변경 사항을 +해서 스테이징하고, commit 메시지를 남긴 후 commit할 수 있다.

commit 메시지를 작성하고 체크 버튼을 누르면 commit이 완료된다. 

 

하지만 이렇게 하면 본인의 로컬 저장소에만 저장이 되고, 원격 깃 저장소에는 저장이 되지 않는다.

 

원격 깃 저장소에 저장하기 위해 다시 터미널에 아래 내용을 입력해보자.

git push origin [branch name] 

원격 깃 저장소에 commit한 내용을 저장할 수 있다. 

제대로 됐는지 저장소로 가서 확인해보자!

우측 상단에 1 commit이라고 쓰여진 부분을 볼 수 있을 것이다. 들어가서 확인해보자.

원격 저장소 안에서 브랜치 내부에 commit된 걸 확인할 수 있다.

혹시 현재까지 진행했는데 안 뜬다면 좌측 상단에 본인이 만든 branch로 연결되어 있는지 확인한다.

 

2. 터미널에서 깃에 commit하기

그 다음 vscode 내부에서가 아닌 터미널에서 git을 통해 commit하는 방법이 있다.

 

위와 같이 index.html의 내용을 변경하거나 기능을 추가하고 commit하기 전 

git status 명령어를 통해 변경 사항을 확인해보자.

변경사항을 확인했으면  추가하기 위해 

git add -A 를 입력한다. 그 다음 

git commit -m "commit message" 로 commit 메시지를 입력한다.

여기까지가 vscode 내부에서 진행한 것과 똑같이 본인의 Local 저장소에만 commit한 결과이다.

역시 원격 깃저장소에 올리기 위해 위와 똑같이

git push origin [branch name] 을 입력한다.

깃을 확인해보면 commit이 하나 더 늘어난 걸 확인할 수 있다.

 

이해를 돕기위해 간단한 프로젝트로 설명했다.

 

부연 설명하자면 팀 프로젝트를 진행할 때 프로젝트를 fork하고 메인 브랜치가 아닌 각자 브랜치를 생성하고

각 브랜치에서 본인이 구현해야할 기능 요구사항을 기능별로 commit 한다.

이렇게 함으로써 다른 사람의 작업에 영향을 받지 않고, 독립적으로 특정 작업을 수행하고 그 결과를 하나로 모을 수 있다.

또한, 문제가 생겼을 때 원인을 찾아내기 쉽다.

 

Pull request

위 Compare & pull request를 눌러 PR을 할 수 있다.

PR시 구현 내용 및 변경 사항에 대해 메시지를 남기면

원본 저장소 관리자가 변경사항을 보고 Merge여부를 결정한다.

 

이후 협업과정 및 개인 프로젝트에서 관리하는 방법은 아래 자세히 정리해놨으니 확인하면 좋을 것 같다!

https://parkparkpark.tistory.com/176

[Git] 깃허브로 협업을 해보자(처음부터 끝까지!)