OmniMarkupPreviewer - 서브라임텍스트(SublimeText) 플러그인 #13

서브라임텍스트의 마크다운 플러그인을 이용할 경우, 기본적으로 미리보기 기능이 지원되지 않습니다. 물론, 미리보기 기능을 가진 플러그인을 따로 설치하면 가능합니다. 이를 가능케 해주는 플러그인을 소개합니다. OmniMarkupPreviewer 소개 OmniMarkupPreviewer 플러그인은 서브라임텍스트2와 서브라임텍스트3에서 웹브라우저를 통해 마크업을 미리보기해준다. html 마크업을 실시간으로 미리보기할 수 있도록 백그라운드에서 웹브라우저와 통신해 렌더링해주는 것이다. 게다가 html 결과물을 내보내기할 수도 있다. OmniMarkupPreviewer가 지원하는 마크업 언어들: Markdown reStructuredText WikiCreole Textile Pod (Requires Perl >= 5..
개발도구/서브라임텍스트 2015. 7. 6. 11:00

MarkdownEditing - 서브라임텍스트(SublimeText) 플러그인 #12

README.md 파일을 보신적이 있습니까? 확장가 md인 파일들은 마크다운으로 씌여진 글들이지요. 일반적인 텍스트 파일보다 가독성이 좋고 각종 html 서식들과 코딩 하이라이트를 쉽게 사용할 수 있기에 개발자들 사이에서 유행하는 글쓰기 포멧입니다. 물론 서브라임텍스트에도 이를 가능케해주는 플러그인이 있어 소개합니다. MarkdownEditing 소개 MarkdownEditing은 서브라임텍스트의 플러그인중에 하나로, 기본적인 마크다운 문법 이외에도, GitHub에서 사용되고 있는 GitHub flavored Markdown과 멀티마크다운을 제공한다. 기본적으로 회색계열의 테마와 누런계열의 테마를 제공하고 있다. HOME MarkdownEditing 이 플러그인이 마크다운 글쓰기를 제공하기는 하나 이를 ..
개발도구/서브라임텍스트 2015. 7. 2. 15:05

BufferScroll - 서브라임 텍스트(Sublime Text) 플러그인 #11

서브라임 텍스트의 접기(folding)기능을 유용하게 쓰고 있었습니다만, 종료하고 다음에 서브라임 텍스트를 실행하면 접어둔 곳이 저장되지 않는 불편함이 있었습니다. 이를 보안해주는 플러그인을 찾아서 소개합니다. BufferScroll 소개 BufferScroll은 선택, 북마크, 접은면(folding), 선택 구문과 커서의 위치, 스크롤을 기억해뒀다가 파일을 열었을때, 이를 복원해주는 플러그인이다. 또한 응용 프로그램에서 파일의 위치에 따라 다른 데이터를 기억한다(예를 들어, 첫번째 창의 파일A와 두번째 창의 파일A의 정보를 각각 기억한다). HOME BufferScroll 특징 환경설정을 통해, 스크롤, 북마크, 접힌면을 실제 창과 복제된 창사이에 동기화를 활성화 할 수 있다. 동기화 설정은 기본적으로..
개발도구/서브라임텍스트 2015. 6. 30. 11:00

Minify - 서브라임 텍스트(Sublime Text) 플러그인 #10

배포되는 라이브러리들을 보면 압축된 버전인 xxx.min.js 와 같은 파일을 만들 수 있게 도와주는 도구를 알아봅니다. Minify 소개 Minify는 서브라임 텍스트에 현재 열려 있는 HTML, CSS, Javascript, SVG 파일을 압축하는 플러그인이다. 압축된 파일은 *.min.js와 같이 min 이라고 명시되는 새로운 파일을 생성한다. 압축된 CSS와 JS를 복원하기 위해 .map 파일을 생성하도록 구성할 수도 있다. HOME Minify Linux와 Windows, OS X에서 테스트 되었으며, 서브라임 텍스트2와 서브라임 텍스트3 모두에서 작동한다. Minify 설치 아래는 Windows에서 설치법이다. 서브라임 텍스트를 실행한 후, 단축키 Ctrl+Shift+P 로 Command Pa..
개발도구/서브라임텍스트 2015. 6. 29. 15:00

Alignment - 서브라임 텍스트(Sublime Text) 플러그인 #9

코드를 보기좋게 정렬하는 플러그인이 있습니다. 비록 많은 공백을 차지하지만 production용으로 발행할때는 되돌리면 되니까요! Alignment 소개 복수의 선택지역과 여러 줄을 손쉽게 정렬하도록 도와준다. HOME Sublime Alignment REPO sublime_alignment Alignment 특징 공백(스페이스) 혹은 탭을 삽입하여 동일한 열에 복수의 선택을 맞춘다. 여러 줄로 선택된 지역을 같은 들여 쓰기 수준으로 모든 줄을 맞춘다. 동일한 열에 여러줄에 걸쳐 선택한 각 행의 첫번째 =를 기준으로 정렬한다. Alignment 설치 서브라임 텍스트를 실행한 후, 단축키 Ctrl+Shift+P 로 Command Palette를 불러온다. install을 입력하면 자동완성되는 Package..
개발도구/서브라임텍스트 2015. 6. 29. 11:00

Goto CSS Declaration - 서브라임 텍스트(Sublime Text) 플러그인 #8

HTML의 구조를 들여다보고 적용된 CSS를 찾아서 이동하는 것은 빈번한 일입니다. 이를 좀 더 빠르게 접근하기 위해 사용하는 플러그인을 소개합니다. Goto CSS Declaration 소개 원하는 ID나 class명을 빠르게 찾아주는 기능을 하는 플러그인이다. HOME Goto CSS Declaration FORUM Forum Thread Goto CSS Declaration 설치 서브라임 텍스트를 실행한 후, 단축키 Ctrl+Shift+P 로 Command Palette를 불러온다. install을 입력하면 자동완성되는 Package Control: Install Package를 선택하고 엔터를 누른다. gotocss를 입력하여 Goto-CSS-Declaration 소개가 검색되면 선택한 후, 엔터..
개발도구/서브라임텍스트 2015. 6. 26. 15:00

FTPSync - 서브라임 텍스트(Sublime Text) 플러그인 #7

앞서도 FTP 플러그인을 소개했지만, 구매 권유창이 자주 뜨게 됩니다. 간단한 기능만을 원한다면 이번에 살펴보는 플러그인으로 충분할 겁니다. FTPSync 소개 FTP 동기화를 위한 단순하고 무료인 플러그인이다. 그냥 평소처럼 저장하면 그것이 목적지로 전송된다. HOME FTPSync FTPSync 특징 Multiple named upload targets Ignored file regex patterns TLS를 사용한 안전한 전송 임시 파일을 이용한 다운로드(좀 더 안정적임) 새로운 원격 파일을 확인, 덮어 쓰기 방지 사이드바 컨택스트 메뉴를 통해서 수동으로 여러 파일 및 폴더를 업로드/다운로드 가능 업로드 및 다운로드에 대한 동시적인 여러 작업 수행가능 로컬 및 원격 이름 변경 및 삭제 가능 여러 ..
개발도구/서브라임텍스트 2015. 6. 26. 11:00

Windows 10 무료 업그레이드 예약

오늘 문득 작업표시줄에 윈도우 아이콘을 발견했습니다. 뭘까 하고 클릭해봤더니 윈도우즈 무료 업그레이드 예약을 알리는 알림창이였습니다. 관련해서 궁금하실 내용들을 검색하여 모은 정보를 나열해 봅니다. Windows 10 출시일은? 2015년 7월 29일이며, 데스크탑과 노트북, 태블릿, 스마트폰 모두에 적합하게 설계된 소프트웨어이다(윈도우 10 모바일이라는 제품군이 따로 준비되어있다). 통합소프트웨어는 좋은데, 윈도우 8과 윈도우 8.1처럼 데스크탑 사용자에게 터치형 기기들에게 편리한 방식을 강요하지 않기를 바랜다. 터치 기기들의 접근성을 높이고자 대다수를 차지할 데스크탑 사용자에게 불편을 강요하니 욕을 안먹을래야 안먹을 수가있나! 무료 업그레이드가 맞는가? 이에 대해 장황한 설명들이 오가는데, 간단히 말..
윈도우즈/Windows 10 2015. 6. 25. 21:00

Sublime SFTP - 서브라임 텍스트(Sublime Text) 플러그인 #6

로컬에서 작업하고 저장하면 바로 서버에 반영되는 애플리케이션들을 보셨을 겁니다. 서브라임 텍스트에서도 이와 같은 기능을 하는 것이 있으니 이에 대해 알아봅니다. Sublime SFTP 소개 Sublime SFTP는 서브라임 텍스트를 이용해서 FTP, SFTP를 사용할 수 있도록 확장해주는 플러그인이다. FTP, SFTP를 지원하고, Password 방식 뿐 아니라 SSH Key도 지원한다. 유료지만, 사용에는 제한이 없다. 가끔씩 구매권유 메시지가 뜬다. SSH Key를 이용해서 접속하는 경우 윈도우 사용자는 SSH Key를 그대로 사용하면 안되고, PuTTYgen을 이용해서 ppk 파일로 컨버팅해서 사용해야 한다. HOME Sublime SFTP Sublime SFTP 특징 서버에서 할일을 줄여줌 - ..
개발도구/서브라임텍스트 2015. 6. 25. 15:00

Emmet LiveStyle - 서브라임 텍스트(Sublime Text) 플러그인 #5

한번 쯤은 브라우저의 개발자도구들에서 임시로 수정한 내용들이 바로 저장되었으면 하는 바램이 있었을지도 모릅니다. 그 시발점에 있는 플러그인을 소개합니다. Emmet LiveStyle 소개 Emmet LiveStyle은 새로운 세대의 실시간 양방향(에디터↔브라우저)의 CSS 편집을 위한 플러그인이다. 현재는 Chrome, Safari과 서브라임 텍스트에서 작동한다. 위 동영상은 LiveStyle의 가장 강력한 기능을 보여준다. SASS/SCSS/LESS 에서도 작동한다. HOME Emmet LiveStyle LiveStyle 특징 즉시 업데이트 : 어떤 파일을 저장하거나 페이지를 다시 로딩할 필요없이 변경사항이 반영된다. 로컬 파일이 필요치 않다. 크로스플랫폼 멀티 뷰와 멀티 디바이스를 지원한다. 다른 창..
개발도구/서브라임텍스트 2015. 6. 25. 11:00

Emmet - 서브라임 텍스트(Sublime Text) 플러그인 #4

코딩 시간을 줄여주는 스니펫 혹은 축약어들을 미리 작성해두고, 매크로나 기타 애플리케이션으로 불러들여 사용하고 계시는 분들이 있을 겁니다. 코딩은 시간과의 싸움이기도 하기에 반복적인 내용을 줄여주는게 좋겠지요. Emmet 소개 Emmet은 인기있는 텍스트 에디터들의 HTML 및 CSS 작업능률을 향상시키는 플러그인이다. 기본적으로 대부분의 텍스트 편집기는 스니펫(snippets)이라고 불리는 재사용 가능한 코드를 저장할 수 있는데, 이를 직접 정의해야하고 실행시간을 연장할 수 없는 문제가 있다. Emmet은 CSS를 닮은 표현식을 입력하고 입력한 축약어에 대한 내용을 출력한다. HTML/XML과 CSS에 관련된 작업을하는 웹개발자를 위해 개발되었고 최적화되었지만, 프로그래밍 언어들에서 또한 사용할 수 있..
개발도구/서브라임텍스트 2015. 6. 24. 15:00

Side​Bar​Enhancements - 서브라임 텍스트(Sublime Text) 플러그인 #3

서브라임 텍스트는 마우스 사용을 멀리하는게 철학인 듯 싶은데 그로 인해 익숙해지기 전까지는 불편한 점도 없지 않습니다. 또한 사이드바에서 수행할 수 있는 기능이 매우 적어 이를 확장시켜야 좀 더 편리하게 사용할 수 있습니다. Side​Bar​Enhancements 소개 사이드바의 파일과 폴더에 향상된 기능을 제공한다. 특히 휴지통으로 이동, 설치된 프로그램으로 열기, 클립보드등을 제공한다. 새파일, 새폴더, 수정, 열기 및 실행, 새창으로 열기등 다양한 기능이 계속 추가되고 있다. 또한 파일을 수정한 날짜나 상태표시줄 페이지의 파일 크기등을 표시할 수 있다. HOME Side​Bar​Enhancements FORUM Forum Thread Side​Bar​Enhancements 설치 서브라임 텍스트를 실..
개발도구/서브라임텍스트 2015. 6. 24. 11:00

EncodingHelper - 서브라임 텍스트(Sublime Text) 플러그인 #2

인코딩의 변환을 도와주는 플러그인입니다만, 어떤 인코딩이든 UTF-8로 변환을 시도하는 것이지 반대의 경우는 지원되지 않습니다. 서브라임 텍스트3 버전 이상 사용자들을 위한 주의사항 수동으로 설치하지 말고, Package Control2 버전 이상을 사용하여 업데이트 및 설치를 진행하라. 서브라임 텍스트3 build 3057 이후로, 인코딩 메뉴는 상태바로 이동되었다. 인코딩과 행끝맺음에 보여주는 설정은 www.sublimetext.com/3dev를 참고하라. EncodingHelper 소개 EncodingHelper는 UTF-8로 문서를 변환하는데 도움을 주는것이 목표이며, 아래와 같은 특징이 있다. 파일의 인코딩을 추측하려고 시도한다. 부정확한 인코딩 혹은 인코딩이 불일치하는 파일을 열었을때, 현재 ..
개발도구/서브라임텍스트 2015. 6. 23. 15:00

서브라임 텍스트(Sublime Text) 플러그인 설치

서브라임 텍스트의 플러그인 설치는 매우 손쉽게 접근할 수 있도록 구성되어져 있습니다. 웹을 돌아디니며 안전한 파일을 일일이 다운받을 필요도 없고, 편의성을 고려한 티가 납니다. Package Control 설치 서브라임 텍스트는 플러그인들을 관리해주는 도구로 Package Control를 제공하고 있는데, 이를 이용해 손쉽게 플러그인들을 설치 및 제거, 업데이트를 할 수 있다. 서브라임 버전별로 다른 방법이 사용되니 유의하자. 서브라임 텍스트3의 경우 Sublime Text3 Package Control의 코드를 복사한다. 서브라임 텍스트2의 경우 Sublime Text2 Package Control의 코드를 복사한다. 서브라임 텍스트를 실행하고, Ctrl + `로 콘솔을 불러온다. 복사한 내용을 붙여넣..
개발도구/서브라임텍스트 2015. 6. 23. 11:00

서브라임 텍스트(Sublime Text) 환경설정

서브라임 텍스트의 환경설정을 관리하는 법과 단축키, 테마등을 설정하는 방법에 대하여 알아봅니다. 거의 모든 것을 사용자정의 할 수 있다는 것에 감사할 수도 있고, GUI의 환경설정이 아니라 익숙하지 않음에 질려버릴 수 있지만, 그래도 겁먹지 마세요~ 서브라임 텍스트(Sublime Text) 환경설정 이해 서브라임 텍스트의 환경설정은 메뉴바 부분의 Preferences 에서 설정한다. 기본적으로 Default 와 User 라는 설정으로 나뉜다. 이는 서브라임 텍스트의 기본값인 Default를 참고하여, User 부분에 원하는 설정을 덮어씌우는 방식이다. Settings - Default 서브라임 텍스트의 메인 환경설정이다. 이것을 직접 수정할 순 없지만 설정값들이 무엇을 뜻하는지 설명되어 있다. Setti..
개발도구/서브라임텍스트 2015. 6. 22. 15:00