demun(대문블로그)

퍼블리셔/SublimeText2013. 10. 9. 01:00

Sidebar Enhancements 는 Sublime Text(서브라임텍스트)의 사이드바 기능을 좀 더 향상시킨 기능을 제공합니다. 간단한 사용법에 대한 글은 제가 이전 포스트를 참고하시기 바랍니다. 사이드바 확장 => http://demun.tistory.com/2225 사이드바 확장은 기존 서브라임 텍스트 2에서 사용하던것에서 3버젼이 발표되고 플러그인도 업데이트 되었습니다. 이전 SidebarEnhancements => https://github.com/titoBouzout/SideBarEnhancements 업데이트 된 SidebarEnhancements => https://github.com/titoBouzout/SideBarEnhancements/tree/st3 업데이트 된 사이드바 향상(S..

퍼블리셔/SublimeText2013. 10. 7. 01:00

Sublimerge 사용법은 무척 간단합니다. 단축키 한두개 정도만 알면 사용하는데 어려움이 없을정도로 무척 간단합니다. 파일을 보는 방법과 코드를 비교해서 보는 방법에 대한 단축키가 있습니다. 아래 단축키를 누르기전에 먼저 비교해볼 수 있는 파일 두개를 여세요.제가 예제로 아래처럼 1.css 와 2.css 두개를 만들어놨습니다. 메뉴에서 View - Layout 에서 Columns 2 를 클릭해서 두개다 볼 수 있도록 했습니다. 그럼 어떻게 사용하는지 볼까요. 파일 보기 파일보기는 Ctrl + Alt + D 를 클릭하면 됩니다.위와 같이 두개의 파일을 연 상태에서 Ctrl + Alt + D 를 클릭합니다.그럼 아래처럼 Compare to View 가 나옵니다. 엔터. 그럼 열러있는 파일중에서 동기화, ..

퍼블리셔/SublimeText2013. 10. 5. 12:29

Sublimerge 는 Sublime text 서브라임텍스트에서 비교 및 병합을 할 수 있는 플러그인입니다.아래 이미지를 보시면 아시겠지만 왼쪽과 오른쪽을 비교해서 뺄건 빼고, 넣을건 넣고 할 수 있는 플러그인입니다. 지원 운영체제 : OS X, Windows, Linux지원 버전관리 도구 : Git, Subversion, Mercurial(곧 지원한다고 합니다.) Why do you need it? (필요성) Sublime text 서브라임 텍스트 전체 통합 - 외부도구의 도움없이 서브라임텍스트에서 통합을 할 수 있습니다.간단하고 생산성이 좋음. - 단축키나 키보드의 몇가지 키만 배워서 누르기만 하면 간단하게 통합을 할 수 있습니다.비교해서 차이점을 보여줍니다. - 변경된 부분을 블럭을 잡아서 어떻게 ..

퍼블리셔/SublimeText2013. 10. 4. 23:00

Auto Complete 자동완성이란 한개의 문자 또는 몇개의 문자를 입력했을때 팝업으로 입력한 문자의 완성된 글자 또는 단어, 코드를 나타내는 것을 말합니다.이것은 기본으로 활성화되어 있습니다. Disabling Auto Complete (자동완성 비활성) 자동완성을 사용하고 싶지 않을때 따로 설정을 통해서 비활성화 시킬수 있습니다.Sublime Text(서브라임 텍스트)에서 메뉴에서 Prefernces - Settings - Default 를 클릭합니다. 그러면 아래와 같은 화면이 나옵니다. Ctrl + F 를 눌러서 auto_complete 로 검색을 하면 아래처럼 기본값이 true 로 나온것을 알 수 있습니다. "auto_complete": false 로 변경하기만 하면 자동완성기능은 끌수가 있습..

퍼블리셔/SublimeText2013. 9. 30. 01:00

키보드 다중선택은 키보드를 이용하여 선택하거나 또는 선택영역을 추가하거나 빼거나 하는 일련의 기능을 말합니다. Adding a Line(행 추가) Adding a Line 행추가는 이전글에 나와 있는것과 동일합니다. 선택영역을 추가하거나 빼기위해서 행을 추가하는 즉 열추가(수직)하는 방법인데요. 단축키 위로는 Ctrl + Alt + Up , 아래는 Ctrl + Alt + Down 이며 OS X도 동일합니다. 마우스를 이용하는 방법은 열선택을 참고하세요. => http://demun.tistory.com/2374 Splitting the Selection into Lines(라인 분할 선택) 라인분할선택이라는 것은 다중라인(행)을 선택한 다음 Ctrl + Shift + L 을 누르면 선택영역의 맨뒤 또는 ..

퍼블리셔/SublimeText2013. 9. 26. 01:00

Column Selection 열선택은 Sublime Text 2 서브라임텍스트에 사각형 영역을 선택하는 것을 말합니다. 즉 행이 아닌 열을 선택할 수 있는 기능에 대해서 말합니다.선택하는 열은 추가하거나 뺄수 있습니다.자세한 내용은 맨 아래 동영상을 참고하세요. 열선택하는 방법에는 마우스를 사용하는 방법과 키보드를 사용하는 방법 두가지가 있습니다. 마우스를 사용해서 열선택을 하는 방법 OS X마우스 왼쪽버튼 + Option 또는 마우스 가운데 버튼선택영역 추가 : Command선택영역 빼기 : Command + Shift Windows마우스 우측버튼 + Shift또는 마우스 가운데 버튼선택영역 추가 : Ctrl (원문에는 Ctrl 키만 나왔지만 실질적으로 Shift + Ctrl 키를 같이 눌러야 합니다..

퍼블리셔/SublimeText2013. 9. 22. 21:37

서브라임 텍스트 3도 라이센스 구매창이 뜨긴 합니다만 무료로 이용할 수 있습니다.현재 베타버젼이라 구매권유창이 뜨는 것을 제외하고는 무료로 이용이 가능합니다.주소에서 2와 3의 차이입니다. 다운로드 -> http://www.sublimetext.com/3 버젼 2와 3은 사용법이 거의 흡사합니다.서브라임텍스트 버젼을 3을 설치를 한다음 제일먼저 Package Control 을 설치해야겠지요.얼마전까지만해도 모습이 이렇지 않았는데....역시 바뀌었군요. 버젼3은 3탭을 2는 2탭을 클릭해서 패키지컨트롤을 설치하면 됩니다. 설치하는 모습입니다. 사용팁을 버젼3을 사용하면서 하나 하나 채워나가도록 하겠습니다. 그럼 Package Control 설치 끝~~~~

퍼블리셔/SublimeText2013. 9. 21. 01:00

Emmet LiveStyle - 크롬등에 설치되어 있는 개발자도구와 서브라임 텍스트와 실시간으로 스타일을 공유하는 플러그인입니다. 즉, 개발자도구에서 스타일을 수정하면 동시에 수정한 코드가 서브라임텍스트에 입력하지 않아도 자동으로 입력이 되는 플러그인입니다. Emmet LiveStyle 플러그인이 어떤건지 잠시 사용하는 방법을 동영상으로 담아봤습니다. 설치하는 방법과 사용하는 방법에 대해서 소개합니다. LiveStyle 플러그인 설치하는 방법 이 플러그인은 대표적으로 크롬에 최적화 되어 있는듯 합니다. 웹킷 엔진을 사용하는 브라우져에서 먼저 사용이 됩니다. 그렇기 때문에 사파리도 되긴 합니다. 여기서는 일단 크롬을 예로 들겠습니다. 서브라임텍스트에 플러그인을 설치하려면 먼저 Package Control ..

퍼블리셔/SublimeText2013. 9. 20. 17:57

제가 실무에서도 사용하는 방법인데요. 서브라임텍스트를 이용하면서 너무 유용한 플러그인 두개를 동시에 사용하면 얼마나 좋은지 알려드리는 동영상을 만들어봤습니다. LiveStyle 플러그인에 대한 포스팅은 2013.09.22 에 발행 됩니다LiveStyle 포스트 보기 => http://demun.tistory.com/2362LiveReload 포스트 보기 => http://demun.tistory.com/2345 두 플러그인은 완벽하지는 않습니다. 동영상을 녹화하면서 말을 듣지 않아서 브라우져와 서브라임을 몇번이고 재실행하곤 했습니다.아직 완전하지는 않지만 이런 이점과, 단점이 있구나....하는 생각으로 봐주시면 될것 같습니다.

퍼블리셔/SublimeText2013. 8. 7. 12:55

livereload 는 서브라임텍스트에서 코드를 수정하면 실시간으로 브라우져에서 수정된것이 반영되는 것입니다.코드를 수정하고, 새로고침해서 자주 수정되는과정을 본다면 이 플러그인은 상당이 유용합니다.이 기능은 현재 사파리,크롬, 파이어폭스 등에서 사용할 수 있고, 윈도우, 맥, 리눅스 등에서 사용할 수 있습니다.LiveReload -> https://github.com/dz0ny/LiveReload-sublimetext2 , http://livereload.com/ 1. sublime text 에서 livereload 설치하기 서브라임텍스트에서 Ctrl + Shift + P 를 클릭해서 명령팔렛트를 열어서, Package Control 를 Install 합니다. 그후 창이 뜨면 아래처럼 LiveReloa..