소스트리란 무엇인가?




1. 소스트리(SourceTree)를 다운로드한다. 사이트는 아래에 있다.


2. 다운로드 받아 설치를 완료하면 다음과 같이 소스트리 창이 실행된다.
(버전에 따라 이미지와 다를 수 있다)


3. 상단에 Local 말고 Remote를 실행한다.


4. 좌측에 + Add an account를 클릭하여 원격 연결을 설정한다.



Host에서 설정할 것 :  Hosting Service부분을 GitHub 선택. 그외것들은 그대로 두면 됨.


Credentials에서 할 일 : Refresh OAuth Token을 클릭한다.

그러면 깃허브 사이트에 들어가게 되고 인증 과정을 진행한다.

허용하겠음을 하게 되면 깃허브 아이디를 Username으로 자도으로 끌고온다.

OK를 눌러서 창을 닫는다. 이제 Clone해서 받아보자.


소스트리와 깃허브 저장소(Repository) 연동하기


Remote 오른쪽 Clone 탭을 누르면 위에와 같은 화면이 나온다.

첫 번째 Input : Source Path / URL : 원격 URL Clone 주소를 입력한다.



두 번째 Input : Destination Path : 자신의 PC에 파일이 저장되는 위치를 말하므로 자신이 원하는 위치에 저장하고 싶다면 변경하면 된다. 변경하지 않으면 자동으로 기본 위치가 설정된다.


세 번째 Input : name: 별 의미 없다. 원하는 이름 입력한다. 기본값이 있으므로 입력 안 해도 무방하다.
네 번째 Input : root: 별 의미 없다. 기본값이 있으므로 건들지 않는다.

그리고 클론(Clone)를 누르면 



드르륵~ 드르륵~ 후...


화면이 달라진것을 볼 수 있다. 이제 깃을 사용할 수 있는 준비가 된 것이다.

이제, 소스트리를 이용해서 깃허브에 코드를 제어하는 방법에 대해 알아볼 것이다.
























테스트하기 위해서, 원하는 위치에 로컬 저장소를 만들었다(그냥 빈 폴더 하나 생성하면 된다)
이렇게 로컬 저장소로 생성한 경로에다가 소스트리에서 리포지토리로 설정을 해주게 되면
Git관련 파일들이 설치가 되며, 그 이후 뭔가 파일이 수정되거나 제거되거나 생성될때는 바로바로 그 변화된 부분을 
찾아내어 알려준다(트래킹이라고 함) 이러한 변화를 한눈에 GUI형태로 보여주도록 해 놓은게 바로 소스트리이다.

  

<소스트리에서 저장소 만들기>


1. Clone/New 메뉴를 클릭한다.

2. Create New Repository 메뉴를 클릭한다.

3. Repository Type은 자동으로 설정이 된다. Destination Path에 위에서 만든 빈 폴더의 경로로 가 폴더를 추가한다.

4. 완료를 하면 왼쪽에 프로젝트가 뜨게 된다. 그러면 정상적으로 설정하였다.


이제부터 이 폴더는 소스트리가 지켜본다. 

뭔가 변화가 생기면 즉각적으로 소스트리에 변화된 내용을 알려주게 된다.

그렇다면 뭔가 변화를 줘서 확인해보자.

빈 폴더에 파일을 하나 생성한 다음 소스트리로 돌아오면 뭔가 파일이 ?가 뜬채로 생긴것을 볼 수 있다.

?는 처음보는 파일이니 소스트리에서 알 수 없으므로 ?가 뜨는것이다.

이것을 버전 관리를 하려면 커밋을 해주면된다. 아래에 체크를 해주면 체크해준 파일이 이동한다.

무시하고 Commit버튼을 눌러 커밋해보자.  

 



소스트리를 처음 사용할때 에러가 나는 경우가 있다.  사용자가 누군지 아직 정해주지 않았기 때문이다.

깃을 사용한다는 것은 협업을 한다는 것인데 누가 이 것을 커밋했는지를 알 수 없기때문이다. 당연한거다.

그래서, 사용자의 정보가 없을경우 이름 & 이메일을 처음에 등록해줘어야 한다. 그 이후는 묻지않고 커밋이 가능하다.

커밋을 하면 BRANCHES에 추가된다(버전이 생겼다)

소소트리에서 변경된 코드 부분을 보면 아래와 같이 다양한 색상을 갖고 있다.


녹색 라인 : (이전 버전과 비교해서) 추가된 부분

흰색 라인 : (이전 버전과 비교해서) 변경된 것 없음

빨간 라인 : (이전 버전과 비교해서) 제거된 부분



<소스트리에서 >

위 노란색은 깃에 의해 관리되고 있는 파일이다. 저기에 떳다는 것은 index.html파일이 수정되었다는 것을 의미한다.

보라색 물음표는 처음 보는 파일, 즉 처음 생성된 파일이라고 할 수 있다.

 

Posted by sungho88
,