본문 바로가기

기타

[GitHub 사용법] 깃허브 사용해보기 - Source tree (GitHub by using Source tree)

- GitHub 사용해보기 (Source tree 사용)


- 본 포스팅에서는 깃허브를 "Source tree" 프로그램을 이용해서 사용한다. 

- GitHub에 대한 자세한 설명은 이전 포스팅 (https://neosla.tistory.com/30) 를 참고하며, 본 포스팅에서는 GitHub설명은 생략하도록 한다. 



-  Source tree는 Github를 GUI 환경에서 사용할 수 있는 응용프로그램으로, 주로 일본에서 자주 사용된다. 

- Source tree which have several advantages of: 

(1) Simplicity and power in a beautiful Git GUI

(2) A free Git client for Windows and Mac


- We can install the Source tree: https://sourcetreeapp-marketing.atlassian.com/


- 위의 그림은 (Source tree 공식 홈페이지)에서 발췌한 그림임.


1. 설치 (Install)

- 설치 프로그램을 다운로드 받고 실행하면, 다음과 같은 설치 창이 나타난다. 

- Bitbucket server와 Atlassian 계정 모두 등록 가능하며, 특히 Atlassian 계정으로 생성 시 Google 메일이 연동되어 계정 등록이 비교적 쉽다는 장점이 있다.


- 계정 등록 후 설치를 진행하면, 아래와 같이 SSH 키를 불러 올지에 대한 확인창이 뜬다. SSH 키가 없는 관계로,  "아니오"를 선택하면, 설치가 완료된다.


- 설치가 완료된 후, Source tree를 실행하면, 다음과 같이 "로컬 저장소"가 보이는 창이 생성된다. 



2. 테스트 (test)

- 설치가 완료되었으니, 작동이 되는지 테스트를 해보겠다. 

- 아래와 같이, 폴더를 하나 생성하며, 필자는 git-example 이라는 폴더를 바탕화면에 생성을 하였다. 

- 폴더 안에 hello.txt 라는 text 파일을 하나 생성 후, "This is the test file" 이라는 내용을 생성하였다. 



- 위의 파일을 저장을 한 후, Source tree로 다시 돌아와서, 생성한 git-example 폴더를 로컬 저장소에 드래그앤드롭으로 폴더를 불러온다.

- 아래와 같이, git-example 폴더에 대한 작업 공간 및 커밋할 내용들에 대한 창이 보이기 시작한다.


- 프로세스를 기다리다 보면, 로딩창이 뜨고, 폴더에 작업한 hello.txt 파일이 자동으로 불러져 온다. 

- 그럼, 아래와 같이, 스테이지에 올라갈 새로운 파일에 대한 작업내용이 나오고, 오른쪽에는 소스코드 또는 작업한 텍스트 내용이 보이게 된다. 초록색 부분이 새로 입력된 부분이다. 


- 아래와 같이 스테이지에 올릴 파일을 선택 후, 선택 내용 스테이지에 올리기를 클릭하면, 파일이 스테이지에 업로드 되게 된다. 


- 업로드가 끝나면, 아래의 커밋 창에 "Miran Lee modified this text file (14:28)"이라고 task 에 대한 커밋을 주고, 커밋 버튼을 누른다.

- "로그/히스토리" 창을 클릭하게 되면, 아래와 같이 업로드 한 내용, 날짜, 작성자에 대한 설명이 표기 된다.  


- 그럼, 파일에 내용을 수정해보도록 하겠다. 

- 아래와 같이, hello.txt 파일의 내용에 "Miran Lee modified this text file (14:31) update 2"라고 추가한다.


- Source tree 를 열면, 자동으로 hello.txt가 불러오고, 선택한 파일을 다시한번 스테이지에 올리기를 클릭하여 스테이지에 업로드 한다.


- 이전의 방법과 같이, 커밋창에 "update 3"이라고 지칭한 문구를 입력하고, 커밋 버튼을 누르면, 아래와 같이, 로그/히스토리 창에서 커밋된 내용들을 확인할 수 있다. 





- 본 포스팅에서는 GitHub를 Source tree를 이용하여 사용하는 방법에 대해 알아보았습니다. 

- Source tree를 더 깊게 활용할 수 있는 방법에 대해서는 다음 포스팅에 이어지겠습니다. :)

- 아리가또우!!!