VS Code에서 형상관리(Git, Gitlab, Github) 연동해서 작업하기

GitLab과 VS Code를 연동하고, 새로운 브랜치를 생성하여 코드 수정 후 커밋 및 푸시하는 절차를 상세히 설명하겠습니다.

1. GitLab과 VS Code 연동

Step 1: GitLab에서 Personal Access Token 생성

1. GitLab에 로그인하고 오른쪽 상단의 프로필 아이콘을 클릭한 후 Settings로 이동합니다.
2. 왼쪽 메뉴에서 Access Tokens를 선택합니다.
3. Token name(예: VSCodeToken), Expiration date, Scopes에서 api, read_user, read_repository, write_repository를 선택하고 Create personal access token을 클릭합니다.
4. 생성된 Token을 복사하여 안전한 곳에 보관합니다. (이 Token은 VS Code와 GitLab을 연동할 때 필요합니다.)

   

   Gitlab Access Token

Step 2: VS Code에서 GitLab 저장소 클론

1. VS Code를 열고, View > Command Palette로 이동하여 "Git: Clone"을 입력하고 선택합니다.
2. 저장소 URL(https://gitlab.dev-org.io/sub/fxxxe.gif)을 입력하고 Enter를 누릅니다.
3. 로컬 디렉토리를 선택하여 저장소를 클론합니다.
4. Token을 요청받으면 GitLab에서 생성한 Personal Access Token을 입력하고 로그인합니다.

2. 새로운 브랜치 생성

1. VS Code의 왼쪽 하단에 현재 브랜치(기본 master 브랜치)가 표시됩니다.
2. 해당 브랜치를 클릭하고, “Create new branch” 옵션을 선택합니다.
3. 브랜치 이름을 dev_moong로 입력하고 Enter를 누릅니다.
4. 생성된 새로운 브랜치가 선택된 상태로 전환됩니다.

3. 간단한 소스 수정(주석 추가)

1. 프로젝트 내에서 수정할 파일을 선택하여 엽니다.
2. 코드에 간단한 주석을 추가합니다. 예를 들어:

   // This is a sample comment added for demonstration purposes.

    
3. 수정 후 Ctrl + S (Windows) 또는 Cmd + S (Mac)를 눌러 파일을 저장합니다.

 

4. 수정 사항 커밋

1. 왼쪽의 소스 제어 아이콘(소스 컨트롤, Git 아이콘)을 클릭하여 변경 사항을 확인합니다.
2. 변경된 파일 이름 오른쪽의 + 버튼을 눌러 변경 사항을 스테이징합니다.
3. 상단의 메시지 입력 창에 커밋 메시지를 작성합니다(예: 주석 추가).
4. ✔ 버튼을 클릭하여 커밋을 완료합니다.

5. GitLab으로 푸시

1. 현재 dev_moong 브랜치가 선택된 상태에서 "Synchronize Changes" 또는 “Push” 버튼을 클릭하여 변경 사항을 원격 저장소로 푸시합니다.
2. 푸시가 완료되면 GitLab 저장소에서 dev_moong 브랜치를 확인하여 변경 사항이 반영되었는지 확인합니다.

GitLab과 VS Code 연동, 브랜치 생성, 코드 수정, 커밋 및 푸시 워크플로우

이로써 GitLab과 VS Code의 연동을 통해 새로운 브랜치 생성, 코드 수정, 커밋 및 푸시 작업이 완료되었습니다.