이것은 git을 한 번도 사용해 본 적 없고

Visual studio Code(이하 vscode)도 깐 지 얼마 안된 개발자가

직접 여기저기 찾은 거 짜집기하면서 하나하나 진행해가며 쓴 내용이다

비슷한 처지의 분들께 도움되길 빈다.


0. 이 글을 쓰게 된 계기


구글에서 한글/영어로 열심히 검색해봐도

vsts git repository(이하 저장소)와 vscode를 연동하는 작업을

그 누구도 한 번에 친절하게 나열하지는 않았다.


마이크로소프트 느님(이하 마소느님)의 공식 설명서는 언제나 그랬듯

아무것도 모르는 사람한테는 불친절하며

다른 검색결과의 정보들은 파편화되어 있다.


나도 처음 하는 거지만

이런 거 처음 하는 사람은 정말 답답할 것 같다.

무턱대고 따라만 해도 설치가 뙇 되는 글이 없나 싶어서 찾다가

답답해서 그냥 내가 써본다 -_-;;


1. 일단 vscode를 깔자.

설치 자체는 이 곳을 참조하고 -> http://lovesoda.tistory.com/20

설치 후 아래 그림을 참조하여 한글 패치를 설치한다


2. 한글 패치를 설치하다 보면 아래처럼 [Git 다운로드] 메시지를 볼 수 있을 것이다.

git을 다운받기 위해 https://git-scm.com/ 에 접속해 보자.


3. git 메인페이지가 열린다. 문답무용. git을 다운로드해주자.


4. 설치 과정 짤을 하나하나 다 찍으려니 귀찮아서 그냥 한 짤에 다 담아버렸다.

넥스트, 넥스트, 넥스트 할 수도 있고

하나하나 읽으면서 설치할 수도 있다. 취향대로 하자.

붉은 네모가 쳐진 부분은, 설치 프로그램의 기본값이 아닌, 내가 취향대로 설정한 값이다.


5. https://onedrive.live.com 에 접속하고 로그인하자.

로그인할 원드라이브 계정이 없으면 가입하고 로그인하자. 이 과정은 알아서들...


6. 이제 여기서 분기가 있다. 자신의 상황에 맞게 둘 중 하나를 선택하자.


7. 프로젝트 메인 페이지의 주소는 vsts 계정 주소 + 프로젝트 이름이다

예) https://vsts-account.visualstudio.com/project-name

메인 페이지에 접속하면, 아래 그림의 붉은 네모 안처럼 vsts 계정 주소가 있을 것이다. 복사해 두자.


8. 좀 전에 vscode를 켰을 것이다. 껐다가 다시 켜자. 그래야 vscode가 git 설치를 인식한다.

vscode를 다시 켠 후 아직 아무 폴더도 열지 않은 상태로

ctrl+shift+p를 눌러서 명령창을 열고 git clo까지 입력해보자.

git clone 명령어가 보일 것이다. 선택하자.


9. 7번에서 복사해 둔 저장소 주소를 아래와 같이 붙여넣어준다.


10. 저장소와 연동될 폴더를 선택해줘야 한다. 적절한 폴더를 골라 선택해주자.


11. 폴더를 골라주면 vscode가 뭔가 끵끵대다가 vsts 로그인창이 뜰 것이다. 아까 만든 원드라이브 id로 로그인해주자.

혹시 당신이 관리자에게 저장소 url을 받은 경우인데

로그인해도 저장소랑 연동이 안 되거든 관리자에게 문의하자.

뭔가 쿰척대다가 "다시 한 번 로그인해 보시겠어요?" 할 것이다.


12. 로그인을 해 주면, vscode가 뭔가 좀 더 끵끵대다가 아래와 같은 모습을 보여줄 것이다.

[리포지토리 열기]를 클릭해서 저장소를 열어주자.

참고로 뚝배기=머리입니다... 가 아니고 리포지토리=저장소다.


13. 저장소가 갓 만들어져서 아무것도 없을 수도 있고 혹은 이미 뭔가로 채워져 있을 수도 있다.

연동 자체는 여기까지가 끝이다.

아무것도 없는 저장소에 무언가를 올리거나

뭔가로 채워져 있는 저장소와 동기화하거나 하는 것에 대한 내용은 다른 글에 쓰겠다.

Posted by B-Teen
,