Plugin 검색 결과

해당 글 30건

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

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

In-Field Labels jQuery Plugin - 폼힌트 크로스브라우징

타임머신을 타고 과거로 돌아가는 심정으로 placeholder 속성을 대체하는 또 다른 방법을 소개합니다. placeholder 속성이 지원되지 않았던 과거에는 label 요소를 이용해 힌트를 제공하기도 했습니다. 비록 그 사용목적이 스펙에 맞지 않을지라도... In-Field Labels jQuery Plugin 소개 필드 안쪽에 label 요소를 지원하는 형태로 올바른 형식의 HTML 폼을 만드는 간단한 플러그인이다. label 요소에 포커스가 맞춰지면 글자가 흐릿해지고 글자 입력이 시작되면 사라진다. 필드를 지우고 포커스를 잃으면 다시 글자가 나타난다. HOME In-Field Labels jQuery Plugin REPO https://github.com/dcneiner/In-Field-Label..
웹개발론/크로스브라우징 2015. 5. 22. 17:00