demun(대문블로그)

퍼블리셔/SublimeText2013. 7. 21. 11:13

서브라임 텍스트에는 빌드라는 기능이 있습니다.빌드(build) 는 좀더 완벽하게 만들어주는 또는 다른 파일로 변환하여주는 그런 기능입니다. 관련 문서는 http://sublimetext.info/docs/en/reference/build_systems.html 에서 볼 수 있습니다. 저의 경우 회사나 집 등에서 이 서브라임텍스트를 사용하는데요. 간혹 이 빌드가 안될때가 있었습니다.원인이 무엇인지 찾다가 시간을 보내곤 했는데요. 제가 해메고 다녔을 시간을 여러분도 하는 불상사를 막기위해 팁아닌 팁을 알려드립니다. 빌드는 서브라임텍스트의 기본 기능인데요 메뉴중에서 Tool 에 보시면 아래처럼 나옵니다.노랑박스 부분과 빨강 테두리 부분이 있는데요. 여러분들과는 약간 메뉴가 다른수도 있습니다. 이 부분은 플러그..

퍼블리셔/SublimeText2013. 5. 20. 06:00

서브라임 텍스트가 한가지 단점이 있다면 그것은 바로 한글을 지원하지 못한다는 겁니다. 제가 회사에서 작업하다보면 아직 우리나라회사에서는 euc-kr 글꼴을 아주 많이 사용하고 있다는 점입니다. 한글의 모든것을 표기하려면 utf-8 을 써야 합니다. 그런데도 불구하고 아직까지 euc-kr 을 쓰는 곳이 많아 서브라임으로 작업하는데 약간 불편함이 있습니다. euc-kr 의 파일은 또 전부 ansi 로 저장을 하면 서브라임텍스트에서는 한글을 읽지 못합니다. 이걸 해결하는 것이 바로 ConvertToUTF8 입니다. 이것에 대한 글은 Sublime text 에서 euc-kr 파일여는 방법 -> http://demun.tistory.com/2301 에서 알 수 있습니다. 허나 문제점은 이것뿐이 아니라 한글글꼴이 ..

퍼블리셔/SublimeText2013. 5. 14. 06:00

Bracket Highighter 은 {},[],,"",'',() 와 같이 열리고 닫히는 기호가 쌍으로 존재해야 하는 코드를 하이라이트 처리해주는 플러그인 입니다. Bracket Highighter 플러그인 주소 -> https://github.com/facelessuser/BracketHighlighter 설치하는 방법은 서브라임텍스트에서 먼저 Package Control 을 인스톨합니다.Ctrl + Shift + P -> pci 를 클릭하면 아래처럼 보입니다. 그런다음 바로 뜨는 명령창에서 brh 만 입력을 해도 Bracket Highighter 가 선택되어 집니다.엔터를 치면 바로 설치가 됩니다. 설치후 바로 적용이 안됩니다. 서브라임을 껏다가 다시 실행하세요. 이 플로그인을 설치하지 않아도 서브라..

퍼블리셔/SublimeText2013. 3. 18. 18:06

서브라임 텍스트에 관한 목록입니다. 차후 계속 추가하겠습니다. Zen Coding 설치하는 방법Zen Coding을 사용하는 방법Prefixr 사용하는 방법사이드바 확장(Enhancements)Gist(github)에 코드 발행하는 방법Gist(github) 코드 불러오기,업데이트하는 방법온라인에서 코드 가져오기(Fetch)코드정렬하기(Alignment)Emmet 사용하는 방법Package Control 설치하는 방법less 파일 구문강조하기YUI 를 이용하여 js, css 압축하는 방법Fetch 설정파일폴더 파일 빠르게 만드는 방법(AdvancedNewFile)Emmet cheat-sheetless 컴파일하기단축키 및 한글코드 오류를 잡아주는 SublimeLinter서브라임텍스트 몇가지 팁html 압축..

퍼블리셔/SublimeText2013. 2. 7. 05:00

서브라임텍스트의 최대의 단점인것 같습니다. 일본, 중국, 한국 등 아시아권 언어인 euc-kr 등의 캐릭터셋의 언어가 서브라임텍스트에서는 깨집니다.이와 관련해서 플러그인이 나왔는데요. ConvertToUTF8 이라는 것입니다.문제는 이 사이트가 접속이 원할하지가 않습니다. 업데이의 가능성이 있는데 그 부분이 아직 진행되지 않는듯 보입니다. 아쉬운대로 이 플러그인을 사용하면 euc-kr 등의 아시아권 언어 파일을 깨지지 않고 사용할 수 있습니다.설치하는 방법.모든 플러그인은 Install Packages 를 통해서 설치한 뒤 ConvertToUTF8 을 설치하면 됩니다.만약 사이트의 접속이 원할하지 않을경우 설치가 되지 않을수 있습니다. 그럴때는 수동으로 설치하면 됩니다. 서브라임 테스트의 메뉴에서 Pre..

퍼블리셔/SublimeText2013. 1. 12. 05:00

서브라임텍스트에서 이번에는 프로젝트를 만들고 관리하는 방법을 알아봅니다.프로젝트를 사용하면 매번 같은 폴더에 접근하는 불편함을 해소할수 있고, 폴더가 많을경우 원하는 파일형식만 보이도록 하는등 다양한 편리함이 있습니다.어떻게 프로젝트를 만들고, 사용하고 관리하는지 알아보겠습니다. 모든 명령은 Ctrl+Shift+P 로 시작합니다.ㅎㅎㅎㅎ 1. 프로젝트 생성 - 폴더 추가하는 법. Ctrl+Shift+P 를 눌러 add 를 입력하면 아래처럼 Project: Add Folder 이 나옵니다. 선택합니다. 더 간단한 방법은 폴더채로 마우스로 드레그해서 서브라임텍스트에 떨궈주기만 하면 폴더를 통채로 인식합니다.결과는 동일합니다. 2. 프로젝트 저장.프로젝트를 저장을해야 관리도하고, 설정도 할 수 있습니다.원하는..

퍼블리셔/SublimeText2012. 12. 7. 09:00

이전글에 보시면 서브라임 텍스트에서 css, javascript 는 압축하는 방법을 보셨을겁니다. 또한 온라인으로도 css 와 javascript 는 압축하는 곳이 많이 있습니다. 이번에는 html 코드를 압축하는 방법을 알아보겠습니다. 역시 배포할때는 압축해서 쾌적한 상태로 하는것이 좋지요. 먼저 온라인상에서 html 을 압축하는곳을 몇군데 테스트 해봤습니다. 티스토리의 경우는 치환자라는 개념이 있어서 올바르게 압축하지 못하는 곳이 몇군데 있더군요. 하지만 Sublime text 2에서 사용하는 html-compressor 은 무리없이 압축하였습니다.Html-compressor -> https://github.com/darkdelphin/Html-compressor 사용하는 방법을 알아보겠습니다. Ct..

퍼블리셔/SublimeText2012. 11. 26. 09:00

서브라임텍스트를 사용하면서 알게된 사용법 및 팁을 알려드립니다. 아마도 팁에 관한 글은 몇가지 더 연장될것으로 생각됩니다. 이글에서 알려드릴 사용법등은 아래와 같습니다. Package Control 삭제하는 방법.(플러그인 삭제하는 법).서브라임 텍스트 초기상태로 되돌리기.코드작성시 옆으로 이동하는 방법.Snippet 의 간단한 소개. 1. Package Control , 플러그인 삭제하는 방법. 여기서의 삭제는 플러그인을 삭제하는 방법을 말합니다. 간혹 플러그인을 설치했는데 마음에 안든다든가, 키의 충돌이 있다든가하면 플러그인을 삭제하면 됩니다. 근데 삭제하려면 먼저 Remove Package 를 선택합니다. 플러그인 설치때와 마찬가지로 곧이어 설치되어 있는 플러그인 목록이 나옵니다. 아래의 이미지는 ..

퍼블리셔/SublimeText2012. 11. 23. 09:00

Sublime Text 2(서브라임 텍스트)의 플러그인중에서 코드의 오류를 자동으로 잡아주는 플러그인이 SublimeLineter 입니다. 플러그인을 설치하고 어떻게 오류를 잡아내는지 한번 보겠습니다. SublimeLinter -> https://sublime.wbond.net/packages/SublimeLinter Sublime Linter 설치하기. Ctrl+Shift+P 를 눌러 Package Control 을 설치합니다. 바로 나오는 창에 sublime linter 을 입력하면 아래처럼 나옵니다. 엔터를 클릭해서 설치합니다. SublimeLinter 은 설치하면 안내문구를 보여줍니다. Sublime Linter 플러그인이 잡아주는 오류는 어떤 언어에서 해당이 될까요? 아래줄에 나오는것처럼 상당이..

퍼블리셔/SublimeText2012. 11. 22. 09:00

추가합니다. 아래의 내용은 플러그인이 설치된다음 단축키를 지정하다보니 필요이상의 단추키가 있습니다.단축키에 대한 내용은 demunCode 저장소에서 업데이트 됩니다.https://github.com/demun/demunCode/tree/master/SublimeText/Knowhow Sublime Text 2 인 서브라임 텍스트의 단축키를 모두 모아봤습니다 메뉴에 있는 순서대로 2단계 깊이까지 모두 모았으며, 플러그인이 추가되어서 추가된것도 있음을 알려드립니다. 기본 보다 더 많을수도 있고, 플러그인을 많이 설치한분은 이보다 더 많을수도 있습니다. 대략 한글로 표기할려고 했고, 단축키를 눌렀을때 어떻게 되는지 설명을 덧붙여으니 참고사항이 될겁니다. 애매한 것도 있으니 참고하세요. 간혹 플러그인을 설치하다..