신기한 웹 세상

Category

개발도구

[걸프(Gulp.js)]gulp html tag include사용하기

<header>, <nav>, <footer>같은 공통적으로 사용 태그나 내용을 .html파일마다 다 넣지 않아도 사용하려는(예: header.html) 한 파일을 만들어 모든 페이지에 호출하여 사용할 수 있다. gulp 플러그인 중에 gulp-html-tag-include를 사용해보려고 한다. 설치하기 npm install –save-dev gulp-html-tag-include gulpfile.js에 추가해보자. var gulp = require(‘gulp’), include… Continue Reading →

EditPlus에서 Sass 설정 및 구문자 변경하기

에디터플러스에 설정하기전에 환경은 만들어놓고써야한다. 우선 윈도우라면 Ruby를 설치해야한다. 루비설치와 Sass 설치하는 방법에 자세한 설명은 윈도우에서 SASS설치하기에서 볼 수 있다. 1.Ruby설치하기 http://rubyinstaller.org/downloads에 윈도우용 RubyInstallers를 받으면됩니다. 설치할 때 유의할점은 위의 그림처럼 Add Ruby executables to your PATH에 체크해야줘한다는 것이다. 2.Sass설치하기 Ruby 설치가… Continue Reading →

sublime text3가 Build 3103으로 업데이트 됨.

서브라임 텍스트 3이 드디어 업데이트 되었다. 2015년 3월 26일에 3083으로 업데이트 된 이후 거진 일년만에 업데이트가 된거 같다. 2월 9일에 3103으로 업데이트가 되었다. 개발자 모드로 하면 https://www.sublimetext.com/3dev 여기서 볼 수 있었지만 공식적으로 나오지 않은거라서 불안정했었다. 장점은 빠르게 변화되는걸 체험할 수… Continue Reading →

Sublime Text 3에서 CSS(SASS) 작성시 콜론(:)뒤에 자동을 생기는 여백 없애기

속성:값 작성시에 속성: 값으로 나올때가 있다. CSS나 SASS에서 나오는 현상여간 신경쓰이고 귀찮은게 아니다. Sublime Text css_completions.py 수정하기 Ctrl+shift+p를 눌러 ‘PackageResourceViewer’라는 플러그인을 설치하자. 이 플러그인을 이용하지 않을 경우 폴더로 가서 직접 수정해야한다. 단축키 prv 를 누르면 PackageResourceViewer:Open Resource 나오는데 이거 선택하면… Continue Reading →

서브라임 플로그인 HTML Entity Snippets

Packages: HTMLEntity Snippets Github: HTMLEntity-Snippets 정리해야할 것들이 태산이다.

sublime Text 3 Build 3080로 업그레이드 되었습니다.

참 오랜만에 업데이트 된 것 같다. 2014년 8월 27일에 업데이트 되고 나서 베타버전이 업데이트 된건 오랜만이다. http://www.sublimetext.com/3 아래는 업데이트 내역을 그대로 가져왔다. 버전을 보면서 왜 버전이 확 달라졌을까 생각하는 이가 있을것이다. ST3는 아직 베타버전이라 계속 개발 중인 상황입니다. 개발 버전을… Continue Reading →

Sublime Text 3 플로그인 DocBlockr 설치 및 사용하기

DocBlockr 은 서브라임텍스트에서 사용하는 플러그인으로써 주석을 통해서 문서작성을 도와주는 플러그인이다. 필자가 사용해보니 아주 유용한 플러그인이다. 유용한 플로그인이다. DocBlockr 에서는 Sublime Text 유용한 패키지 및 팁안내에서 간단히 설명히 한적이 있다. DocBlockr은 St2, St3 모두 지원한다. 설치 Package Control Preferences -> Package… Continue Reading →

Bluehost FTP 업로드 방법

웹사이트에 파일 업로드 방법이 여러가지 방법이 있지만 Bluehost에서 Web Hosting을 사용하는 것보다는 FTP 프로그램을 이용하는 것이 빠르다. FTP프로그램을 이용하려면 4가지를 꼭 입력을 해야한다. 1. 도메인 주소 및 IP 주소를 FTP 주소 입력창에 입력 해야한다. 2. Username(계정)을 입력을 해야한다. 이는 Bluehost… Continue Reading →

[플러그인]Color Highlighter

Color Highlighter sublime text 플러그인 중에 color관련 플러그인 하나를 소개하겠습니다. 설치방법 1. sublime text에 Package Control을 설치를 하셨다면 ctrl+shift+p 눌러서 팝업창에서 Color Highlighter 검색해서 설치하는 방법이 있습니다. 2. 이것이 잘 안되거나, Package Control이 설치가 안되었다면 직접 다운 받아서 폴더에 넣는… Continue Reading →

Sublime Text 추천 테마

서브라임 텍스트는 강력한 툴인만큼 다양한 테마들이 있다. 그래서 인기있는 테마들 몇개를 소개하려고 한다. Theme – Soda (ST2/ST3) Soda 테마 홈페이지

Sublime Text 단축키 모음

Sublime Text 2 shortcut 영어 한글 단축키 설명 New File 새파일 Ctrl+N 새문서나 새파일을 만듬. Open File 열기 Ctrl+O 새문서나 새파일을 열기 Open Folder 폴더열기 폴더열기 Open Recent 최근문서열기 최근문서열기 Reopen with Encoding 인코딩해서 다시열기 인코딩해서 다시열기 New View into… Continue Reading →

sublime text 2 tab group 이동하기..

sublime Text 2, 3 CSS comments snippets

CSS comments snippets for Sublime Text. 코드에서 주석은 매우 중요하다. Package Control에서 CSS Comments를 검색해서 다운받으면 된다. 만약 Package Control이 없다면 다운을 받아서 카피를 해야한다. Basic Comment trigger: c-basic⇥ /* Basic comment */ Long Comment trigger: c-long⇥ /* * Long… Continue Reading →

Sublime Text 2 자주 사용하는 단축키!!

PC 단축키 (섬네일 클릭하면 이미지가 크게 보입니다.) MAC 단축키 출처: http://www.andismith.com/blog/2012/12/sublime-text-2-cheatsheets/

sublime text 2 빈줄 제거 하기

sublime text 2 빈줄 제거 하기 에디터 플러스에서도 빈줄 제거가 있듯이 서브라임 텍스트에서도 마찬가지로 있다. 에디터플러스와 흡사하다. 우선 에디터플러스에서는 찾기/바꾸기 (Ctrl + H)에서 정규식 체크를 한다. 그리고 찾은 문자열에 [\n]+을 입력하고 바꿀 문자열에 \n을 넣고 모두 바꾸기(Alt + A)를 하면… Continue Reading →

Sublime Text 한글 Encoding 설정하기

ConvertToUTF8 다운을 받거나 Package Control ctrl+shipt+p 에서 바로 설치가 가능하다. ConvertToUTF8를 받아도 혹시 안되는 분들은 아래 클릭해서 다운받아서 설치해보길 바란다. [attachments title=”ConverToUTF8 Master” template=medium include=”611″] 클릭해서 받으면 된다. 압축을 풀고 폴더이름을 ConvertToUTF8로 변경 한다. Sublime Text 2를 실행합니다. 메뉴 > Preferences… Continue Reading →

Sublime Text 유용한 패키지 및 팁안내

Sublime Text가 어느 OS환경에서도 지원 되는 막강한에디터이다. 가벼우면서도 기능들이 다양해서 국내에서도 많이 사용하고 있다. 나는 Window에서 사용을 하고 있기때문에 대부분 윈도우 환경에 대해서 설명을 하겠다. 설치전이라면 이전에 Sublime Text 다운받기 및 설명을 보고 오는 것이 좋을 것이다. 자주 쓰는 단축키… Continue Reading →

Sublime Text 2 다운받기 및 설명

OS Window 환경에서만 말씀드리겠습니다. Sublime Text 2 다운은 http://www.sublimetext.com/2 Sublime Text 3 다운은 http://www.sublimetext.com/3 에서 받을 수 있습니다. 서브라임 텍스트 기본 화면입니다. ctrl+p 단축키를 누르면 나오는 화면입니다. 메뉴에서는 Goto -> Goto Anything 을 나옵니다. 검색기능이 뛰어나다. 그래서 몇번의 타이핑으로 원하는… Continue Reading →


© 2017 신기한 웹 세상

Up ↑