Article:Gist와 Sublime을 이용한 Code Snippet관리

Gist를 이용한 소스관리.markdown

#Gist를 이용한 코드조각관리 이번 글에서는 Code Snippet이라 불리는 코드조각을 효과적으로 어떻게 관리할 수 있을까에 대한 하나의 방법을 논하고자 한다. 개발을 진행하다보면 무수히 많은 코드를 작성하게 된다. 때때로 작성한 코드 중의 일부를 나중에도 활용해보기 위해 코드를 분류한다. 대체로 이런 경우 자신만의 메모장을 활용하거나, 자주 사용하는 에디터를 활용해서 이를 관리하는 경향이 있다. 하지만 이런 방법은 코드가 많아질수록 검색하기가 쉽지 않고, 개발언어에 따라 효율적으로 코드를 관리하기도 어렵다. 또한 개발하는 IDE환경에서도 손쉽게 사용할 수 없으며, 사무실/집 등, 여러 장소에서 동일하게 사용하는 것도 불가능하다. (물론 Dropbox)와 같은 클라우드 서비스를 활용하면 어느정도 다양한 환경에서 활용가능하지만 이 방법은 회사와 같이 보안 상의 이유로 서비스가 막혀 있는 곳에서는 제대로 적용이 불가능한 문제가 발생한다.

많은 웹사이트 조사를 통해 다양한 Snippet관리 서비스를 찾아봤지만, 그 중에서 개발에 가장 유용한 방식은 GitHub에서 제공하는 Gist라는 서비스를 이용하는 것이었다. 따라서 본 세션에서는 Gist를 이용한 Snippet관리 방식을 알아보고자 한다. 또한 최근 각광받고 있는 Sublime Text에서 Gist플러그인을 활용하여 어떻게 효율적으로 개발Editor와 함께 사용할 수 있는지도 알아보고자 한다.

#Gist환경 셋팅

Github 회원가입

Gist 사용을 위해서는 GitHub 회원가입을 한다. Github는 매우 유명하고 널리 퍼져있는 서비스이므로 서비스가 중단될 걱정을 하지 않고 사용할 수 있다. 외국사이트이니만큼 회원정보도 과도하게 요구하지 않는다.

Sublime에 Gist 플러그인 설치

Sublime에서 플러그인을 설치하는 방법은 여러가지가 있지만(직접 플러그인 다운로드, PackageControl을 통한 설치) 설치의 편리성을 놓고 보면 PackageControl을 이용한 방법이 좀 더 간편한다.

Gist플러그인 설치에 앞서 PackageControl을 설치하는 방법을 알아보기로 하자
이미 PackageControl이 설치된 경우라면 본 과정은 Skip하고 바로 Gist 플러그인을 설치하도록 한다.

###Package Control 설치 Package Control을 설치하기 위해서는 Ctrl+` 를 입력하면 Sublime Editor 하단에 커맨드 창이 생기는 것을 볼 수 있다.

커맨드창에 다음 코드를 붙여넣은 뒤 엔터를 입력

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

Sublime을 재기동시키면 Package Control 설치가 완료된다. 완료된 결과는 다음메뉴(Preference->PackageControl)에서 확인가능

Gist 플러그인 설치 및 환경 셋팅

PackageControl -> Install Package선택하고 입력창에 Gist를 입력하면 Gist 플러그인이 필터링되어서 보인다. 해당플러그인을 설치한다.
플러그인 설치를 완료하면 앞서 가입한 Github의 ID/PW정보를 설정파일에 입력해야 한다. 설정파일은 다음경로에서 확인가능하다.

Preferences->Browse Packages..를 선택하면 Plugin들이 설치되어 있는 폴더가 보인다. 해당 폴더 목록에서 Gist폴더로 들어가면 Gist.sublime-settings 파일을 볼 수 있다. 해당파일을 열어보면 Github의 ID/PW를 입력할 수 있는 창을 볼 수 있다.

ID와 Password를 입력하면 Gist 플러그인의 기본 셋팅이 완료된다.

###Sublime을 통한 Gist활용 자 이제 본격적으로 Gist를 이용해서 Snippet을 관리해보자. SublimeText에서 코드를 저장하고 있는 창을 하나 연뒤 Ctrl+Shift+p를 입력한 뒤, 입력창에 Gist를 쳐보면 다음 메뉴를 볼 수 있다.

위의 메뉴에서 Create Private Gist(비공개) 또는 Create Public Gist(공개)를 선택하면 Gist생성이 가능하고 이 소스는 Github에서도 확인가능하다

또한 기 생성된 Gist는 Sublime Text내에서 Update도 가능하다.(Ctrl+Shift+P입력후 gist누르면 업데이트 메뉴를 볼 수 있음)

#참고자료

• Gist를 활용한 Code Snippet 관리
• 35개의 Code Snippet관리서비스 소개