1. 프로그램 설치

먼저 SourceTree 프로그램을 설치한다.

https://www.sourcetreeapp.com/

 

Sourcetree | Free Git GUI for Mac and Windows

A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac.

www.sourcetreeapp.com

2. 저장소 설정하기

다운로드가 끝났으면 SourceTree를 실행하고 Remote를 누른다음 "계정 추가"를 누른다.

 

계정 추가를 누르면 "호스팅 계정 편집"이 나오는데 저기서 호스팅 서비스를 누르고 "Azure DevOps"를 클릭한다.

호스팅 서비스를 설정하면 호스트 URL을 입력해야 하는데, https://자신의 아이디.VisualStudio.com를 입력하면 된다.

그 다음 Credentials에서 토큰을 인증받아야 된다.

 

3. 토큰 만들기

AzureDevOps사이트에서 로그인을 하고 오른쪽 상단에 사람 모양을 클릭한다음 Profile로 들어간다.

 

Profile을 누르게 되면 좌측에 있는 User settings에 Security 탭에 있는 Personal access tokens를 누른다.

그 다음 New Token을 클릭하면 토큰을 만들 수 있는 창이 뜬다.

 

여기서 Name에는 아무거나 적어도되고 Organization에는 자신의 아이디가 적혀있다. Expiration은 기간?을 정하는건데 30days라고 나와있는 것을 눌러서 Custom defined으로 바꾸고 우측에 기간 설정 하는 곳에 자신이 원하는(1년내) 기간을 설정 할 수 있다. 체크란은 하나 씩 읽어보고 해당 되는 것만 체크하면 된다. 

 

체크를 다 하고 난 다음 아래 Create 버튼 누르게 되면 아래와 같이 토큰을 만드는데 성공했다고 나온다.

위의 사진에 빨간 네모로 표시되어 있는 것은 토큰의 패스워드이다. 옆에 화살표 표시된 곳을 누르게 되면 복사가 된다.

 

4. 호스팅 계정 편집

토큰을 만든 후에 호스팅 계정 편집을 들어가서 URL을 입력후에 Personal Access Token 새로고침을 누르게 되면

그 아래 아이디와 패스워드를 입력하는 칸이 나온다. 아이디는 자신의 DevOps아이디를 입력하고 패스워드는 토큰을

생성 했을 때 나온 패스워드를 복사해서 붙여넣기를 하면 된다.

 

토큰을 만들고나서 패스워드를 깜빡하고 복사를 못했을 때는

 

Personal Access Tokens로 가서 새로 만든 토큰을 체크하고(체크돼 있을 수 있음) 위에 표시된 Regenerate를 누른다.

그러면 아래와 같이 패스워드를 복사 할 수 있는 팝업 창이 다시 띄워진다.

 

패스워드 까지 입력을 하고 확인을 누르면 성공적으로 아래와 같이 원격 저장소가 만들어지게 된다.

 

 

5. 프로젝트 만들기

이제 저장소를 만들었으니 이 저장소 안에 자신의 프로젝트를 관리하는 방법을 설명하겠다.

 

DevOps 홈페이지에 로그인을 하고 좌측 상단에 홈 버튼을 누르면 프로젝트 목록이 나온다.

저기서 New Project를 클릭한다.

New Project를 클릭하면 프로젝트 제목 / 설명 / 공개여부를 설정하고 Create를 누르면 된다.

 

6. 프로젝트 관리

프로젝트를 만들고 SourceTree를 실행한 다음 Remote를 누르면 아래와 같이 새로만든 프로젝트의 클론이 보인다.

여기서 클론 버튼을 클릭하면 아래 사진처럼 나오게 된다.

 

 

여기서 1번째는 저장소의 경로 URL을 적는 곳이고 2번째는 연동할 폴더의 위치다.

경로는 자동으로 설정이 되어서 따로 건드릴 필요는 없고

폴더의 위치는 자동으로 "내PC" -> "문서" 폴더로 설정되는데 이것은 다른 폴더로 지정해도 무방하다.

모든 설정이 끝났으면 클론 버튼을 누른다.

클론이 만들어지면 위에 사진처럼 하나의 클론이 만들어지게 되는데 저기서 익스폴로러에서 열기를 클릭한다.

 

익스플로러에서 열기를 클릭하면 자신이 클론을 만들 때 지정한 폴더가 열리게 되는데,

그곳에 .git이라고 되어 있는 파일을 확인 할 수 있다.

 

이 폴더안에 테스트용 텍스트 파일을 넣어보자.

텍스트 파일의 내용은 상관 없다.

 

 

텍스트 파일을 만들고 SourceTree로 돌아가면 커밋 내역이 업데이트 된 것을 볼 수 있다.

"모두 스테이지에 올리기"를 누르고 커밋 메시지에 아무말(자신이 수정 한 내용)이나 적고 커밋 버튼을 클릭한다.

 

그 다음 Push 버튼을 누르게 되면...

 

repository에 파일이 정상적으로 추가된 것을 확인 할 수 있다.

'Programming > Tools' 카테고리의 다른 글

VisualStudio에서 유용한 확장툴  (0) 2020.04.01

1. Underline

코딩을 하다보면 오타가 아님에도 빨간줄이 쳐지는 경우가 많다.

특히 한글 주석이 많은경우... 신경쓰인다면

상단의 도구 -> 옵션 -> 텍스트 편집기 -> C/C++ -> 고급 -> 물결선 사용 안 함을 True 설정을 하면 해결된다.

 

 

 

2. Align Assignments

Alt + Ctrl + ] 키를 누르면 아래 그림과 같이 여러 개의 대입을 이쁘게 정렬이 가능하다.

 

 

 

3. CodeMaid

우선 코드메이드를 설치하고 아래와 같이 Progressing 옵션에 체크를 모두 해제해야 한다.

그렇지 않으면 빌드를 할 때마다 이상한 에러가 발생할 수도 있다.

확장 -> CodeMaid -> Option -> Progressing

 

 

 

4. CodeMaid/Cleanup Code

코딩을 하다보면 불필요한 공백 라인이 생기는 경우가 있다.

 

이런 경우 Cleanup Code 기능을 사용하면

 

위와 같이  불필요한 공백 라인을 깔끔하게 지워준다.

 

Cleanup Code 기능 사용 방법은 아래와 같다.

에디터에서 오른쪽 마우스 클릭 -> CodeMaid -> Cleanup Active Document를 클릭

또는 Ctrl + m, 스페이스바를 누르면 된다.

 

일일이 클릭해서 하기 귀찮다면

CodeMaid Option에서 위의 사진에 빨간 네모칸 부분을 체크를 해주면

코딩을 하는 도중에 저장을 할 때마다 자동으로 클린업이 된다.

 

 

 

5. CodeMaid/Find in Solution Explorer

작업을 할 때 여러개의 솔루션에서 해당 .cpp 파일이 어느 파일/필터에 포함되어 있는지 한 눈에 알기 어렵다.

이 때, 작업 중인 코드 에디터에서 마우스 우클릭 후 CodeMaid -> Find in Solution Explorer를 클릭하게 되면

위와 같이 해당 파일의 위치를 찾을 수 있다.

 

 

 

6. PowerCommands

이 기능은 .h, .cpp 파일이 어느 폴더에 있는지 알고 싶을 때 유용하다.

 

 

 

7. VSColorOutput

컴파일시 경고/에러가 발생할 때 이 경고/에러 텍스트의 색깔을 다르게 출력하여 구분하기 쉽게 해주는 확장툴

 

 

8. Power Mode

파워 모드는 다음과 같이 타이핑을 하게되면 파티클이 펑펑 터지는 느낌을 주는 확장 도구이다.

도구를 추가하려면 비주얼 스튜디오 -> 확장 관리 -> 온라인 -> VisualStudio MarketPlace에서

PowerMode 검색 후 추가가 가능하다.

 

 

확장 툴은 https://marketplace.visualstudio.com/  또는 Visual Studio 확장 도구에서 다운로드가 가능하다.

 

Visual Studio Marketplace

Extensions for Visual Studio family of products on Visual Studio Marketplace

marketplace.visualstudio.com

 

'Programming > Tools' 카테고리의 다른 글

Azure DevOps에서 SourceTree사용법  (0) 2020.04.06

+ Recent posts