demun(대문블로그)

퍼블리셔/SublimeText2017. 11. 14. 13:59

Sync Settings 플러그인은 설정을 동기화하는 플러그인입니다. 이전에 작성했던 방법도 있습니다. Sublimetext(서브라임텍스트) 동기화(syncing) -> http://demun.tistory.com/2505 Sync Settings 플러그인은 git 과 gits 를 사용해서 서브라임텍스트의 설정을 동기화하는 방법입니다. 동기화하는 과정에서 설지안한 플러그인까지 모두 설치하고 동기화를 합니다.처음 한번 설정하기가 번거롭지만 한번 설정하기만 하면 무척 편리합니다. 어디에서는 최신의 설정법을 동기화 할 수 있습니다.github.com 에 가입이 되어 있어야 합니다. 가입이 안된분은 가입을 먼저 해주세요. 가입했다고 가정하에 진행합니다.Sync Settings 의 자세한 내용은 이 곳에 있습니다..

퍼블리셔/SublimeText2017. 10. 20. 16:42

OmniMarkupPreviewer 플러그인은 markdown 이나 다양한 파일을 미리보기해주는 플러그인입니다. 그런데 어떤 상황에서는 아래처럼 미리보기를 할 수 없습니다. 하지만 아래처럼 사용자 설정을 변경해면 해결됩니다. `Preferences -> Package Settings -> OmniMarkupPreviewr -> Settings` 에서 포트와 설정을 아래처럼 변경한다 { "server_host": "0.0.0.0", "server_port": 9998, "renderer_options-MarkdownRenderer": { "extensions": ["tables", "fenced_code", "codehilite"] } } Ctrl+Shift+o 를 누르면 브라우져로 미리보기를 할 수 있습..

퍼블리셔/SublimeText2016. 7. 4. 12:00

Sync View Scroll 은 동시에 두개의 탭을 보며 동기화할수 있는 플러그인입니다. 에디터를 사용하다보면 두개의 파일을 비교할때가 있습니다. 비교해서 수정할때 유용합니다. 예를들어 두개의 똑같은 파일을 열고 서로 비교해가며 스크롤해간다고 가정하면 1번파일을 스크롤하고, 다시 2번 파일을 스클롤을 해야 합니다. 하지만 Sync View Scroll는 한쪽에서 스크롤을 하면 다른쪽파일도 동시에 같이 스크롤이 됩니다. 설치 먼저 플러그인을 설치합니다. Ctrl+Shift+p 를 눌러 Package Control: Install Package 를 선택합니다. 그후 나오는 명령창에서 Sync View Scroll 입력하여 선택합니다. 사용법 사용법은 무척 간단합니다. 동기화할 파일에서 단축키만 누르면 되고..

퍼블리셔/SublimeText2016. 7. 3. 20:32

서브라임텍스트(sublimetext) 동기화(syncing)은 현재 내컴퓨터에서 사용하던 설정과 패키지를 다른곳에서도 동일하게 사용하고, 다른곳에서 사용하던 설정들을 또 내컴퓨터에서도 동일하게 사용하는 일종의 동기화 방법입니다. 서브라임텍스트(sublimetent)를 사용하다보면 집에서도 사용하고, 회사에서도 사용하고, 또 노트북에서도 사용하고 등등 사용하는 곳이 여러곳일 수 있습니다. 그러면 그때마다 서브라임텍스트(sublimtext)를 설치를 하고 팩키지도 설치하고 개인설정 또한 다시 설정합니다. 이러한 번거로움을 덜어줄수 있는것이 동기화(syncing) 입니다. 즉 집에서 사용하던 서브라임텍스트(sublimetent) 환경을 그대로 회사나 다른곳에서도 동일하게 사용할 수 있다는 겁니다. 또다른 장점..

퍼블리셔/SublimeText2015. 11. 22. 23:26

Sublimetext(서브라임텍스트)에서 Grunt(npm) 명령어 입력하고 사용하는 방법 Grunt 를 사용하려면 명령어를 입력해야 합니다. 그래서 대부분 콘솔창이나 git 명령어창을 이용합니다. 하지만 Sublimetext(서브라임텍스트)에서도 명령어를 입력하고 Grunt(그런트)를 사용할 수 있습니다. 두개의 플러그인만 설치하면 됩니다. 해볼까요? 1. 플러그인설치 플러그인은 두개가 필요합니다. npm 명령을 통해 플러그인을 설치하는 npm플러그인과 grunt 를 사용하기 위한 grunt플러그인 Ctrl+Shift+p 를 통해 명령팔렛트를 엽니다. pci 를 입력하여 플러그인을 설치합니다. npm 을 입력하여 npm플러그인 을 설치합니다. 또 pci 를 입력하고 grunt 를 입력하여 grunt플러..

퍼블리셔/SublimeText2015. 11. 4. 07:00

서브라임텍스트에서 CoffeeScript 코드를 구문강조 표시하는 방법입니다.ST2, ST3 모두 해당이 됩니다.유독 커피스크립트만 구문강조하는 플러그인이나 기능이 없어서 한참을 찾았는데. 예전에 올렸던 글을 구글링해서 찾았습니다. 이것이 올바르게 구문강조표시하는지는 조금은 의심스럽지만 그래도 안되는것보다는 좋으니 적용해보세요.구문강조한 서브라임텍스트3 입니다. 적용하기 서브라임텍스트2, 서브라임텍스트3 모두 동일합니다.아래의 압축폴더를 푼후 "Packages" 폴더에 넣기만하면 끝입니다. 폴더 위치는 서브라임텍스트 메뉴에서 "Preferences - Browse Packages.." 를 클릭하면 "Packages" 폴더가 열립니다. 원문은 http://www.kaspertidemann.com/addin..

퍼블리셔/SublimeText2015. 7. 6. 13:52

서브라임텍스트 레이아웃, 그룹 활용하기 Sublimetext(서브라임텍스트) 에는 레이아웃과 그룹이라는것이 있습니다. 에디터를 어떤 레이아웃(배치)로 이용할 것인지? 또 몇개의 그룹을 만들고 사용할것인지 알아보겠습니다. 어떤것이 레이아웃인지? 그룹인지 이미지를 통해 먼저 알아보겠습니다. 레이아웃 예제 그룹 예제 레이아웃(배치) 만들기 레이아웃은 총 3열 또는 3행까지 가능하고 그리드형태의 4개가 있는 형태까지만 가능합니다. 단축키 설명 alt+shift+1 1열 배치 alt+shift+2 2열 배치 alt+shift+3 3열 배치 alt+shift+4 4열 배치 alt+shift+5 2열2행 그리드 배치 alt+shift+8 2행 배치 alt+shift+9 3행 배치 그룹 만들기 그룹은 레이아웃과는 약간..

퍼블리셔/SublimeText2015. 6. 15. 07:00

sublimetext 에서 한글입숨 사용하기 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다. 한글입숨을 만들어주는 사이트는 몇몇군데 됩니다. 하지만 일일이 방문을 해야하는 번거로움이 있죠. 서브라임텍스트에는 emmet 라는 기능을 설치하면 lorem 라고 입력한다음 탭을 치면 입숨이 입력되어 집니..

퍼블리셔/SublimeText2015. 1. 27. 10:12

Sublimetext(서브라임텍스트)에서 HTML ENTITY(엔티티) 코드 사용하기 html을 작성하다 보면 자주 entity 코드를 사용합니다. 예를들면 & 나 © 같은거입니다. 이런것들은 & 나 © 식으로 보여집니다. 이것만 있는것이 아니라 상당이 많이 있습니다. 잘만 활용하면 이미지를 사용하지 않고도 코드로 간단이 사용할 수 있습니다. 이전에는 entity 코드가 나와있는 곳을 찾기도 했습니다. entity 페이지1 , entity 페이지2 를 사용했습니다. 하지만 Sublimetext(서브라임텍스트)에서 간단하게 entity code를 표시할 수 있는 방법이 있습니다. 그 방법을 알려드리겠습니다. 예륻들어 & 를 entity 코드로 변환하고 싶다면 html 작성할때 그냥 & 작성하시고 엠퍼센드를..

퍼블리셔/SublimeText2014. 10. 28. 09:53

html에서 태그 감싸는 방법 html에서 텍스트나 태그를 감싸는 태그를 만들때 사용하는 방법입니다. 실무에서 많이 사용하고, 무척이나 유용한 방법이여서 소개합니다. 이 방법은 emmet 플러그인이 설치되어 있어야 합니다. emmet 설치방법은 이전 블로그 글을 참고하세요. emmet 설치 및 사용방법 아래 이미지를 보시면 이해가 될겁니다.텍스트나 태그가 있고, 해당 텍스트를 블럭을 지정하고 Ctrl+Shift+G 를 누릅니다. 여기서 텍스트가 줄이 안맞아도 상관없습니다. 줄까지 잘 맞쳐줍니다. 그럼 서브라임텍스트 하단에 창이 나타납니다. 이제 젠코딩처럼 입력하면 됩니다.여기서 한가지 팁을 더 드리자면 $ 입니다. 이것은 숫자를 나타냅니다. 그런데 $# 을 누르면 해당 텍스트가 링크에 포함됩니다. 또한 ..