Sublime+ Git + Github 연동해보기

Posted by ITPangPang
2016. 8. 4. 01:43 웹(Web)/알아두면 좋은것


Sublime+ Git + Github 연동해보기



ㆍ 아직 Sublime으로 제대로된 프로젝트 할 계획이 없어서

    git은 나중에 쓸까 생각했었는데 주위에서 git 연동 10분이면

    한다고 해서 한번 해보았다..


ㆍ 주변 사람들 말대로 금방 연동했고 github에 파일 하나까지 

    올려봤다


ㆍ 물론 시간은 10분은 넘긴것 같다.. 스샷을 찍으면서 하느라 

    그럴수도.. 그래도 20분은 안넘긴것 같다..


ㆍ 중간중간 주의사항이라고 알려드릴텐데 이 부분은 

    꼭 읽어주세요. (연동 실패의 주 원인..)




먼저 Sublime 설치가

되어있다고 가정하고

시작해보겠습니다.



첫번째


Sublime에서 Ctrl+ `을 눌러서

아래 그림과 같이

셋팅을 해놓는다



두번째


Package Control Plug-in 설치를

위해서 아래 사이트에 접속해서

https://packagecontrol.io/installation#st2


자신의 Sublime 버전에 맞게(2 or 3)

import 부분을 긁는다


저는 Sublime2이므로 아래와 같이

긁었습니다


※ 주의사항 1) 꼭!! 사이트에 가서 위 코드를 복사하세요

안의 내용이 살짝 변경되는 경우가 있다고 들었습니다..



세번째


복사를 완료했으면 Sublime으로 다시 돌아가서

아까 띄어둔 (Ctrl+`) 공간에 복사한 내용을

붙여넣기 한 후에

엔터를 쳐주십니다


참고로 ` <- 이거는 탭 위에 있는거



네번째


Ctrl+Shift+P

를 눌러서


아래와 같이 입력하신후에

Package Control : Install Package

선택!!



다섯번째


그 후에 Git이라고 검색하시면

아래와 같이 뜨는데 git을

선택해줍니다



여섯번째


자 여기까지 잘 따라오셨으면

다시 git init라고 검색해서

선택을 해줍니다


일곱번째


여섯번째에서 엔터를

치셨으면 아래와 그림과 같이

나오는데 여기는

사용자가 나중에 저장소로

사용하는 경로를 설정하는 곳입니다



이 상태에서 엔터를 누르게 되면


아무것도 없던 공간에


.git이 생긴것을

확인할 수 있습니다.



여덟번째


여덟번째는 주의사항 입니다


※)주의사항2 : 이 다음부터는 꼭 해당 위치에서

진행해야 됩니다


폴더를 열어주세요


아래와 같이 다시

ctrl+shift+P를

눌러서 custom Command를

선택해주세요

왼쪽 폴더를 꼭 확인해주세요!!

(해당 폴더or파일에서 진행을 안하면)


오른쪽처럼 git : custom command라는걸

찾아보실수 없을것입니다..



아홉번째


그 다음은 github 사이트에

접속을 하셔서 계정을 만드신 후에

레포지토리까지 생성하셔야 됩니다.


이 부분은 예전에 안드로이드 연동하면서

글을 올린적이 있으므로 링크로

대체하겠습니다.


http://itpangpang.tistory.com/164



열번째


Repository를 만드셨으면

만드신 저장소 선택을 한번 하시면

아래 그림으로 이동합니다


아래 사진에 있는것처럼

URL은 복사를 해주시고

아래 빨간색으로 표시해둔

command line은 있다가

사용할 것이기 때문에

사이트만 열어놓으시면 됩니다




열한번째


파일을 생성해서 작업을 한번

해봅니다



열두번째


아까 위에 잠깐 나온것처럼

Ctrl+Shift+P를 눌러서

Custom Command

선택해주니다


그럼 앞에 git라고 붙은 명령어를

타이핑할수 있는 공간이 열립니다

여기서 이제 명령어를 통하여

git + github 저장소에

파일을 백업해 둘 수 있습니다.




자 아까 위에서 github에 있는 순서대로

입력해 줄 것인데 다른 점은 git을

앞에 안붙여도 된다는 점입니다


그리고 git 동작과정..이라고 해야되나

이 부분은 자세히 설명하기는 이 글에서는

어려우니 간단하게만 말해보겠습니다.


일단 add 파일명을 하면 그 파일이

이제부터 git에서 관리를 해주겠다는

의미입니다

(Woking Directory -> Staging Area로 가는 과정입니다)

(단, 아직 저장, 즉 백업이 된 상태는 아닙니다)



열세번째


똑같이 custom command를 실행시킨후

아래와 같이 진행합니다

(여기서는 주의사항이 하나 더 나옵니다)


commit 과정인데

github에 적혀있는것과

거의 똑같지만

아까 말했듯이

앞에 git를 제외합니다

그리고


※ 주의사항3 : 뒤에 메시지는

쌍따옴표("")가 아닌 작은따옴표('')로

적어줍니다


일단 동작과정을 간단히 또

설명해보자면


commit을 해주면 이제 드디어

로컬저장소에 백업이 된 상태입니다

그리고 뒤에 -m은 메시지라는 뜻이고

'' 따옴표 안에 내용은 개발자가

저장할때 나중에 보기 쉽도록 달아주는

주석 역할입니다.

(Staging Area -> Local Repository로 가는 과정입니다)



열두번째 + 열세번째


이 뒷부분은 이제 github에

나와있는 그대로 똑같이 써주시면

됩니다.


하는 방법은 간단하고

동작원리를 간단히

또 설명해보자면


remote는 말그대로 원격저장소

(뒤에 저장소 주소)에 추가한다는

의미이고


아래 push는 이제 내 Local에 저장되어

있는 파일들을 원격저장소(Github)에

저장, 즉 백업시키겠다는 명령어입니다

(Local Repository -> Remote Repository)



마지막 마무리 확인


이렇게 github에 파일이 올라간것을

확인할 수 있습니다.