[Git] Visual Studio에서 깃 랩(GitLab) 사용하기

지난 포스팅에서는 비주얼 스튜디오에서 깃 랩을 사용하기 위한 준비를 마쳤습니다.

[Git] Visual Studio에서 깃 랩(GitLab) 사용을 위한 준비

[Git] Visual Studio에서 깃 랩(GitLab) 사용을 위한 준비

이번 포스팅에서는 비주얼 스튜디오에서 저장소를 연동하고 프로젝트를 추가하여 사용하는 방법을 소개합니다.

비주얼 스튜디오에서 깃 랩 저장소 연동하기

비주얼 스튜디오에서 깃 랩을 사용하기 위한 준비가 됐다면, 아래와 같이 팀 탐색기에서 깃 랩이 표시될 것입니다. 깃 랩 하단의 'Connect' 버튼을 클릭합니다.

팀 탐색기 화면

사용자 이름 또는 이메일 주소와 비밀번호를 입력하고 'Login' 버튼을 클릭합니다.

로그인 화면

로그인이 완료되면 아래와 같이 표시됩니다. 

로그인 완료 화면

이전 포스팅에 깃 랩 홈페이지에서 저장소를 만드는 과정이 있었습니다. 만약, 저장소를 만들지 않았다면 아래 링크를 다시 참고해주세요.

[Git] Visual Studio에서 깃 랩(GitLab) 사용을 위한 준비

[Git] Visual Studio에서 깃 랩(GitLab) 사용을 위한 준비

위 화면에서 'Clone' 버튼을 클릭하면, 현재 생성되어 있는 저장소 목록이 표시됩니다. 원격 저장소의 정보를 로컬 PC로 복사하고, 이 로컬 PC에서 작업을 하면 다시 원격 저장소로 업데이트되는 것입니다. 아래 'Browse'버튼을 클릭하여 원격 저장소 정보를 다운로드합니다.

저장소 목록

복사가 완료되면 아래와 같이 표시됩니다.

저장소 복사 완료 화면

지정된 경로에 폴더가 생성된 것을 확인할 수 있습니다.

로컬 PC에 저장소가 복사된 모습

저장소에 프로젝트 추가하기

지금까지 연동한 저장소는 실제 코드가 없는 비어있는 저장소입니다. 지금부터는 MFC Dialog 기반 프로젝트를 생성하여 저장소에 추가해 보겠습니다. 프로젝트 생성 위치는 저장소를 복사한 경로입니다.

로컬 PC 저장소 경로에 프로젝트 생성

대화 상자 기반(Dialog)으로 선택합니다.

대화 상자 기반 선택

아래 캡처는 프로젝트 생성이 완료된 모습입니다. 솔루션 탐색기의 아이콘 좌측에 '+'아이콘이 추가되어 있습니다. Visual Studio에서 코드 제어가 추가된 경우 이렇게 표시됩니다.

솔루션 탐색기

팀 탐색기의 모습도 바뀌었습니다. 이곳에서 분기, 커밋, 동기화 등이 가능합니다.

팀 탐색기

위 화면에서 '변경 내용'을 클릭하면 아래와 같이 표시됩니다. 비어있는 저장소에 새로운 프로젝트가 추가되다 보니 모든 정보가 '변경 내용'으로 인지된 것입니다.

변경 내용 화면

아래 화면처럼, '모두 커밋 후 푸시'를 누르면 모든 정보가 업로드됩니다.

모두 커밋 후 푸시 클릭

푸시가 완료되면 아래와 같이 표시됩니다.

푸시가 완료된 화면

이제 깃 랩 홈페이지에서 'test' 저장소를 확인해 보겠습니다. 방금 전에 작업한 내용이 업로드되어 있습니다.

깃 랩 저장소

여기까지 따라오는데 어려움은 없었을 거라 생각됩니다. 하지만 이제 여러 사람과 그룹을 생성하여 프로젝트를 관리하고, 푸시 및 병합, 충돌을 관리하는 작업이 어려워집니다. 이 내용도 추후에 다루기로 하겠습니다.