woong's

SourceTree 사용 하기 본문

Develop/Tool

SourceTree 사용 하기

dlsdnd345 2016. 2. 13. 19:35
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

SourceTree 사용 하기


​안녕하세요 . 오랜만에 스샷 찍어가며 포스트를 써보려 자리에 앉았습니다 . 

예전에 Git 에 관련해서 포스트를 섰습니다 .

필자 또한 Git 에 많이 익숙하지 않아 이번 포스트를 통해서 정리하고자 포스트를 쓰고 있습니다 .


저번 포스트에서는 이클립스를 통해서 Git 을 사용하는 방법에 대해 글을 섰는데 이번에는 

사용하기 편한 SourceTree 툴을 사용해 보려 합니다 .


제가 다운로드를 해서 다운로드는 다른 포스트를 참고하여 설치 부탁드립니다.


SourceTree 를 다운로드 해서 설치를 진행하시면 이와 같은 화면을 볼 수 있습니다 .



 

SourceTree 를 실행 하셨으면 이제 Git 과의 연결 작업이 필요 합니다 .



Git 회원 가입 및 Git Repository 생성

​전에 섰던 포스트 입니다 . 

위 포스트를 참고 하여 Git Repository 를 생성합니다 .




저도 이번에 서버 작업을 통해서 프로젝트를 해보려 합니다 ^^

Git Repository 를 생성 하면 이와 같은 화면을 볼 수 있습니다 .


오른쪽 빨간 상자의 주소를 복사 합니다 .


복사 후에 소스트리를 실행 합니다 .




상단을 보면 위와 같은 메뉴들이 있습니다 .


왼쪽의 Clone/New 를 선택 합니다 .




선택하면 이와 같은 화면이 나타납니다 .


상단의 URL 에 GitHub 에서 복사한 URL 을 넣습니다 .

그러면 하단의 입련란이 자동으로 입력되는 것을 볼 수 있습니다.


입력된 것을 확인후 Clone 을 진행 합니다 .




이와 같이 왼쪽에 프로젝트가 생긴것을 확인 할 수 있습니다 .




해당 경로로 가보니 프로젝트 이름과 동일한 폴더가 있습니다 .

이 폴더 안에 GitHub 에 업로드할 프로젝트를 넣어 주면 되겠습니다 .





이와 같이 프로젝트를 폴더에 넣고 소스트리를 보시면




프로젝트를 읽어 온 것을 확인 할 수 있습니다 .




상단의 Commit 을 클릭합니다 .




첫화면에서는 왼쪽에 있는 파일들이 하단에 내려가 있습니다 .

변경이된 파일들입니다 .


그파일들은 왼쪽 중간의 화살표를 통해서 업로드할 파일들을 위로 이동 시키면 되겠습니다 .

위 최상단의 빨간상자에는 GitHub에 올라가 설명을 적으시면 됩니다 .


그후에 Commit 을 진행하시면 됩니다 .




왼쪽의 master 를 보면 1이라는 숫자가 생겼습니다 . 

master 를 선택해 보면 위와같이 동그라미가 하나 생긴것을 확인할수 있습니다 .

아까 입력한 설명이 나타나있네요 .

또한 상단메듀 Push 에 1이라는 불이 들어와 있습니다 .


Commit 을 진행 하면 저희가 프로젝트를 복사한 폴더에 코드가 올라가게 됩니다 .

그 폴더를 로컬 Repository 입니다 .


이제 Push 를 통해서 Repository 에 있는 프로젝트를 GitHub에 업로드 할 차례 입니다 .




Ok 를 통해 업로드를 진행 합니다.




변화가 있던 화면이 사라진것을 확인 할 수 있습니다.


이제 GitHub 에 프로젝트가 잘 올라 갔는지 확인 할 차례 입니다 .




업로드가 잘 진행 되었습니다 .

아까 전의 입력한 설명과 함께 업로드가 잘된 것을 확인 할 수 있습니다 .


이와 같이 진행하고 로컬 Repositoty 의 프로젝트를 이클립스에서 Import 를 진행하면




이와 같이 프로젝트에 노란 저장소가 생긴 것을 확인 할 수 있습니다 .

이렇게 아이콘이 나타나면 정상적으로 진행하신 겁니다.


이제 코드 수정을 하면 아이콘이 변경되는것을 볼수 있습니다 .

코드상의 주석을 입력하겠습니다 .




코드를 입력하니 위와 같이 > 표를 통해서 코드가 수정되었다는것을 보여 주고 있습니다 .


코드 변경이 되었습니다 . 소스트리를 실행하면



 

​위와 같이 동그라미 가지가 하나 더 생기고 왼쪽의 변경된 파일이 생성 됩니다 . 변경된 파일을 선택하면 오른쪽 하단에 

변경된 코드를 볼수 있습니다 .


이와같이 작업을 하고 Commit & Push 를 통해서 작업을하면 코드 이력관리를 편히 할 수 있습니다 .

또한 협업을 통해서 작업시에는 Pull 메뉴를 통해서 변경된 코드를 내려 받을 수 있습니다 .


제가 지금 혼자서 작업을 하다보니 Pull 에 대해서는 스크린샷을 못찍어 나중에 기회가 되면 포스트를 써보겠습니다 .

아마 다들 잘하셔서 충분히 하실수 있으리라 봅니다 .


또한 브런치를 통해서 코드 충돌을 방지 할 수 있고 나중에 코드 병합을 통해 코드를 관리 할수 있습니다 .


Comments