에디터/서브라임 텍스트(SublimeText)2015. 6. 25. 01:07

서브라임 을 사용하고 패키지 이것저것 맘에 드는거 쓰다보면어느새 한글이 ?????? 로 깨져 나올때가 있습니다.해당 폰트가 한글을 지원 안하기 때문이라고 하는데요정확한 이유는 잘 모르겠고 위에 스샷처럼 나오시는 분들은 이러한 해결책을 사용하시면 됩니다. 이 폰트를 다운 받으셔서'오른쪽 클릭 -> 설치'하시면 됩니다. 'Consolas' 서체를 사용하시는 분들에 한해서 입니다.서브라임을 깔면 기본으로 쓰는 서체이죠. 저는 이 서체가 코딩할때 가장 눈이 편안한 서체라고 생각이 듭니다.여러 서체를 써봤지만 Consolas 만한게 없어요. 진짜로..

에디터/서브라임 텍스트(SublimeText)2015. 6. 3. 00:45

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 서브라임의 코드의 오류를 자동으로 잡아주는 패키지 입니다. 설치 하기전에 어떻게 코드의 오류를 잡는지 스샷을 보여 드리겠습니다. 요렇게 잡아줍니다. CSS 만 잡아주는게 아닙니다. C/C++,CoffeeScript,CSS,Git Commit Messages,Haml,HTML,Java,Javascript,Lua,Objective-J,Perl,PHP,Puppet,Python,Ruby,XML 이렇게 많은 언어의 오류를 잡아 줍니다. 설치방법이 패키지는 Node.js 가 설치 되어 있어야 합니다.노드를 먼저 설치하여 주세요.https://nodejs.org/ 패키지 설치의 기본이..

에디터/서브라임 텍스트(SublimeText)2015. 6. 2. 23:54

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 이 패키지는 어떤패키지냐 하면 말보단 스샷을 첨부할께요. 흰색과 빨간색만 했는데헥사코드로 표현할 수 있는 색은 다 되었던 거로 기억합니다. less, sass, scss, stylus 다 되요 ㅋㅋ;; 이정도면 쓸만한거 아닌가요? 설치방법은 패키지 설치의 기본이죠?'Ctrl + Shift + p -> install' 이것으로 설치가 완료 되었습니다. 간단하게 스타일 시트를 작성하고 색이 들어가 있는 부분을 클릭해 보시면맨위 움짤과 같은 효과를 낼 수 있습니다. 그리고 단축키 몇개가 존재하는데 사실 쓰다보니 잘 안쓸꺼 같아서나름 유용해 보이는 한가지만 보여드릴께요 바로 컬러..

에디터/서브라임 텍스트(SublimeText)2015. 6. 1. 11:17

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 굉장한 패키지를 발견하여 포스팅합니다.js 파일과 css 파일을 압축시켜 주는 패키지 입니다. js 파일을 압축시키는 이유http://elegantcoder.com/binary-compress-js/ 이 패키지는 java 가 설치 되어 있어야 합니다!가장 먼저 java를 설치하여 주세요!http://www.java.com/ko/ 패키지 설치의 기본이죠 'Ctrl + Shift + p -> install' Enter 입력후 YUI Compressor 라고 입력해서 설치하여 주세요. (먼저 설치해서 검색부분 스샷은 못찍었어요.) 이것으로 설치는 끝냈지만 어떻게 압축이 되냐면...

에디터/서브라임 텍스트(SublimeText)2015. 6. 1. 10:58

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 작업 폴더, 파일을 서브라임에서 빨리 만들어 주는 패키지 입니다.아주 유용합니다. 내컴퓨터 들어가서 폴더만들고 뭐 하고 뭐 하고 할 필요가 전혀 없어요! 패키지 설치의 기본은 'Ctrl + Shift + p -> install' 잊지 말아요~~

에디터/서브라임 텍스트(SublimeText)2015. 6. 1. 10:38

이 단축 코드를 사용하기 전에 먼저 emmet 패키지를 설치하여 주시기 바랍니다. 단축코드를 입력후 'Tab' 키로 템플릿을 완성할 수 있습니다. 독타입 에 대한 설명http://html.elex.pe.kr/reference/doctype html:5html:xthtml:4thtml:4shtml:xshtml:xxs 여기서 가장 많이 사용하는게 html:5 와 html:xt 일것이다. 위 코드들을 순서대로 탭해보면

에디터/서브라임 텍스트(SublimeText)2015. 5. 2. 17:18

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 정말 코딩을 편하게 만들어주는 패키지를 발견해서 이렇게 포스팅 한다. 이 gif 를 보라구! 이걸 보고도 설치를 안한다면 정말.... ㅠㅠ 여튼 설치하는 방법은 간단하다. 서브라임 텍스트를 실행시키고컨트롤 + 쉬프트 + p 그리고 install 을 입력한후 Enter (패키지 설치의 기본이죠!) 그리고 입력창에 javascript 라고 입력.그러면 맨 위에 javascript Completions 라는 패키지가 가장 위에 있을 꺼예요!엔터 눌러서 설치를 완료했으면현재 서브라임의 모든 작업물을 저장한 후, 모두 닫아줍시다.그리고 서브라임을 종료 후에 다시 시작해 주시면.....

에디터/서브라임 텍스트(SublimeText)2015. 4. 2. 09:48

원래 서브라임에서 '! + Tab' 키를 누르면 자동적으로 기본셋팅이 되는데오늘 갑자기 그게 안되서 셋팅을 하나 만들어봤다. 1. 먼저 기초셋팅을 마크업한다. 그리고 모두 드래그 해서 미리 복사(컨트롤 + C) 해준다. 2. 이 상태에서 툴을 클릭해서 3. New Snippet 을 클릭하자(서브라임 텍스트 2 일경우) (서브라임 텍스트 3 일 경우) 4. content 부분의 빨간줄과tab 어쩌구의 주석을 지워준후 (스샷에서 보이는 빨간색 줄로 표시된 부분을 삭제) 5. 아래 스샷과 같이 마크업을 저렇게 붙혀넣기 한다그리고 아랫부분의 원하는 문자 (되도록 영어나 문자로)이런식으로 교체하여 준다. ** 그리고 컨트롤 + S 키로 저장시 반드시 그냥 그 위치에 저장한다. 6. 이제 html 문서를 생성한후 ..

에디터/서브라임 텍스트(SublimeText)2015. 3. 2. 17:57

코딩을 하기전에 Part7. 까지 잘 따라 와주셨을 꺼라 믿어요!물론. 파트 7 까지는 패키지에 대해 설치만 한거라 프로그래밍을 하려는 준비 를 했다고 생각하시면 될꺼예요. 패키지 설치가 완료가 되면 적용을 위해 서브라임을 종료후 재실행 하시거나안되셨다면 PC를 부팅 후 실행하시면 적용이 됐을꺼예요. Part8. 부터는 기초셋팅 및 emmet의 사용법에 대해 포스팅 하겠습니다.방문해 주셔서 감사합니다!

에디터/서브라임 텍스트(SublimeText)2015. 3. 2. 17:47

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 이번 패키지의 경우엔작업물을 브라우저로 확인하는 패키지에 대해 소개한다.사실 작은것 하나가 굉장히 귀찮아서 그렇다 ㅠㅠ;;코드를 입력하고오른쪽클릭해서 브라우저로 보는거란...정말... 으으..이해를 돕기위해 스샷을 첨부한다. 바로 이 작업을 단축키가 없이 마우스 로만 해야한다...단축키가 없다...그게 너무 귀찮을 뿐이였다패키지 인스톨 에서바로 sidebar 을 입력하고 엔터! 그러면저 귀찮은 위의 과정을 생략해도 된다.그리고코드를 쓰고 저장한 후에 F12버튼을 눌러보도록 하자. 맥의 경우엔 fn + F12 키를 눌러야 합니다!오... 신세경... ㅋ 혹시 F12 버튼으로..