web sprit

코딩툴로 서브라임을 사용하면서 자주 사용하는 기능인데 어느날 부턴가 단축키가 먹질 않았습니다. 내용을 찾아보니 아래 참고 URL로 확인할 수 있었습니다. 아예 기능이 없어진것이 아니기 때문에 다시 키설정을 통하여 사용하는 방법에 대해 알아 보겠습니다. 이 기능은 일종의 Emmet을 이용한 기능으로 단축키를 확인하기 위해서는 package 의 Emmet을 User에 단축키를 설정해 줘야 합니다. Preferences >> Package Settings >> Emmet >> Key Bindings 열린 화면에서 왼쪽이 Emmet 기본 설정부분이고 오른쪽이 User 부분으로 사용하고 싶은 단축키 부분을 User에 옮겨서 사용할 수 있습니다. 왼쪽에 Emmet 기본설정을 보면 태그로 감싸는 단축키가 주석으로 되..

프로젝트를 진행하다보면 명령창을 이용하여 작업하는 경우가 빈번하게 생긴다. 그래서 Sublime Text로 명령창을 열어 사용하는 방법에 대하여 살펴보려 한다. 방범은 몇가지 있다.서브라임안에서 cmd 창을 열어서 사용하는 경우도 있고 단축키를 누르면 자동으로 프로젝트 경로에서 cmd 창을 열 수 있는 방법이 있다. 첫번째 방범은 서브라임안에서 명령어를 쓸 수 있다는 것에 매우 편리하고 좋지만,기존 윈도우 사용자라면 윈도우에서 지원하는 CMD를 제공하기 떄문에CLI 명령어 중 실행이 안되는 부분도 있기 때문에 비추.!!! 두번째 방법에 대하여 설명하려 한다. 1. 설치우선 서브라임을 실행하고,Ctrl + Shift + P 를 눌러서 명령창을 실행해 준다.검색창에 install만 치면 install pac..

서브라임을 사용하지만 기존의 엉망인 들여쓰기 코드를 정렬하기 위해 정렬해주는 사이트의 도움을 받아 정리하고 했습니다. 서브라임에도 정리해주는 기능이 있을꺼 같아 검색해보니 결과가 있군요!!! 다른분에게도 도움이 될까해 정리해 봅니다. 우선 sublime text를 실행해 주세요. 1. 상단메뉴에 [Preferences] > [Key Bindings] 클릭 2. 2개의 탭 화면 중 끝에 User 가 붙은 탭에 내용을 추가해 줍니다.추가할 내용은 아래와 같습니다. 123 { "keys": ["ctrl+shift+'"], "command": "reindent" , "args": { "single_line": false } } Colored by Color Scriptercs 위의 단축키["ctrl+shift+..

SCSS를 컴파일 하기위해Front 기술로 nodeJS 나 SASS 또는 Compass 로 컴파일하여 css 로 변환해 줍니다. 그 보다 좀더 간편한 작업에 있어서브라임텍스트를 이용한 SCSS 컴파일 방법에 대해 알아보려 합니다. 우선 Ruby 와 scss가 설치 되어 있어야 합니다.그에 관한 설명은 하단을 참고하시기 바랍니다.SASS 설치방법 서브라임에서 SASS관련 패키지가 존재합니다.ctrl + shift + P 를 누르시고 PCI 를 누르시어 package install을 선택!sass 와 sass Build 패키지를 설치해 줍니다. 우선 어느정도 준비는 끝났습니다.그럼 컴파일 하는 패키지를 직접 설치해 보죠~ https://github.com/alexlitel/Sass-Build-SublimeT..

서브라임 텍스트 사용자 입니다.원래 코딩 글꼴로 나눔고딕 코딩 글꼴을 사용하였는데요~ 어느순산 서브라임이 업데이트 하고 나서 글꼴 자간 간격이나 모양이 좀 이상하게 나와서 찾아본 결과 D2 Coding 글꼴이 2017.11.29 에 업댓하여 적용해 봤는데나름 괜찮더군요 ㅎㅎ 그래서 서브라임에 D2 Coding 글꼴을 적용하는 방법에 대해 설명 드리겠습니다. 우선 글꼴을 다운받으러 가야겠죠~아래의 URL로 접속해 봅니다.D2 Coding 글꼴 : https://github.com/naver/d2codingfont 위 점선영역을 클릭!!! 그럼 다운로드 버튼이 있는데 눌러서 다운 받아 줍니다. 다운 받아서 압축을 풀면 위와 같이 폰트 파일을 구성고 있습니다.이것을 제어판 >>> 글꼴로 들어가 그대로 드래그하..

Package Control 명령어를 입력하기 위해서Sublime text 실행 후 ctrl + shift + P 를 눌러줍니다.그리고 명령어를 입력해 줍니다. 명령어는 아래와 같습니다.Install Package: 패키지를 설치한다. (단축 : pci) List Package: 설치된 패키지 목록을 확인한다. (단축 : plp, list) Remove Package: 설치된 패키지를 삭제한다. (단축 : prp) Update Package: 설치된 패키지에 업데이트사항이 있는지 확인하고, 업데이트 내역이 있을 경우 업데이트한다. (단축 : pup)

Side Bar ctrl + 0 사이드바로 포커스 이동. ESC Edit 창으로 포커스 이동. ## 기타 단축키 참고 사이트 http://junil-hwang.com/blog/sublimtext-%EB%8B%A8%EC%B6%95%ED%82%A4/

Sublime Text에서 Project 관리를 손쉽게 할 수 있는 방법을 알려 드리겠습니다. 우선 서브라임이 설치했다 가정해보죠. 설치가 안되셧다면 아래 링크를 참고 하세요. http://kcmschool.xyz/56 우선 서브라임을 실행합니다. 그럼 위처럼 빈털털이(?) 화면에서 project 메뉴를 클릭하면 하위메뉴로 여러가지 리스트들이 나오는데요. 이것에 대한 설명을 하겠습니다. 우선 프로젝트를 2개 만들어 보겠습니다.pro1 폴더안에 test1.htmlpro2 폴더안에 test2.html자 만들었다면 시작하죠. 이 폴더에 대한 프로젝트 파일을 만들어야 합니다. 아까 만든 폴더를 드래그해서 OPEN FILES(왼쪽 폴더 디렉토리 나오는 부분) 에 넣든 or 메뉴에서 Project > Add Fol..

현재 내가 사용하고 있는 버젼은 Sublime Text 3 이다. 원래 Sublime 사이트에서 Portable버전도 있어 설정을 해두면 이동성이 좋지만그래도 직접적인 설치가 더 안전하다 생각이 들어 본체에 심어(?) 놓았습니다. 회사 컴에 설정을 집컴에도 같은 설정을 하기 위해 다음과 같이 하였습니다.이것은 Sublime Text 2 나 Sublime Text 3 에 경우에도 같습니다. 아래의 경로로 이동C:\Users\[UserName]\AppData\Roaming\Sublime Text 3안으로 들어가면 BackupInstalled PackagesLocalPackagesSettings위와 같은 디렉토리가 존재 할것입니다. 나의 경우는 저렇고 아무튼 위 경로 안에 있는 것을 모조리 복사하여 이동하려는..

서브라임을 사용할 일반적으로 나눔고딕코딩 폰트를 많이 사용한다고 하네요~ㅎ나눔고딕코딩 폰트는 나눔고딕 폰트와 다르게 브라우저단 화면에 적용되지 않습니다.순수 코딩작업에 적용되는 폰트지요. 적용 방법은 무진장 쉬우니 그냥 보고 따라오시면 됩니다. 네이버에 나눔고딕코딩 이라고 검색하셔도 되고네이버 개발자센터에 가서 다운 받으셔도 됩니다.URL : http://dev.naver.com/projects/nanumfont 다운 받은 파일을 설치!!! 이렇게 존재 하네요 ㅎㅎ 그럼 Sublime Text 에 적용 해보겠습니다. Preferences > Settings-User 눌러 설정화면을 띄웁니다. 변경 전12345678 { "ignored_packages": [ "Vintage" ]} cs 변경 후123456..