BLOG main image
분류 전체보기 (313)
교육 (13)
NEIS (6)
Edufine (0)
Programmer (5)
Android Programming (1)
Internet W3 (18)
JAVA Programming (9)
JSP/Servlet (1)
Framework (7)
Spring For Beginner (4)
eGovFrame (10)
MEAN Stack (2)
NodeJS (5)
SublimeText (30)
SublimeText_Tips (18)
Eclipse (16)
JavaScript (8)
jQuery (12)
jQuery_tips (1)
Ajax (3)
DWR(Direct Web Remote) (4)
JSON(JS Object Notation) (4)
Oracle (2)
MySQL (28)
OS (16)
Download (3)
Life (10)
Favorit Site (1)
Books (2)
Healthy (1)
Stocks (1)
HTML5/CSS (1)
Python (4)
Security (7)
CISSP (0)
Ruby On Rails (5)
일기장 (0)
영어 교과서(중2) (3)
알고리즘 (0)
Go Lang (3)
VB 2010 (12)
C# (1)
정보보안기사(네트워크보안) (0)
업무 활용 엑셀 (11)
틈틈이 활용팁 (14)
하루 하루 살아가며 ……. (2)
기술 (1)
파이썬 & 데이터분석 (1)
Visitors up to today!
Today hit, Yesterday hit
daisy rss
tistory 티스토리 가입하기!
2015. 7. 14. 10:20

1. Package Control , 플러그인 삭제하는 방법.

여기서의 삭제는 플러그인을 삭제하는 방법을 말합니다.

간혹 플러그인을 설치했는데 마음에 안든다든가, 키의 충돌이 있다든가하면 플러그인을 삭제하면 됩니다.

근데 삭제하려면 먼저 Remove Package 를 선택합니다.



플러그인 설치때와 마찬가지로 곧이어 설치되어 있는 플러그인 목록이 나옵니다.

아래의 이미지는 아무것도 안눌렀을때 자연적으로 첫번째 목록이 선택된 화면입니다.

여기서 엔터를 클릭하면 Emmet 플러그인이 삭제됩니다.



출처 : http://demun.tistory.com/2241


반응형
2015. 7. 14. 10:16

서브라임 텍스트 - 단축키


ㅇ 단축키는 자주 사용하는 다른 에디터랑 동일하게 변경해서 사용할 수도 있습니다.

   - Preferences > Key Bindings - Default 로 설정 파일을 열어 직접 수정합니다.


ㅇ 개인적으로 자주 사용하는 단축키를 정리해 봅니다.

   - 전체 화면 : [f11]

   - 한줄 주석/취소 : [Ctrl + /]

   - 블럭 주석/취소 : [Ctrl + Shift + /]

   - 현재라인 한라인 위로 : [Ctrl + Shift + up] 

   - 현재라인 한라인 아래로 : [Ctrl + Shift + down] 

   - 아래로 한라인 추가 : [Ctrl + Enter]

   - 위로 한라인 추가 : [Ctrl + Shift + Enter]

   - 현재라인 삭제 : [Ctrl + Shift + k] 

   - 현재라인 바로 아래 복사 : [Ctrl + Shift + d] 

   - 코드 펴기/접기 : [Ctrl + Shift + [, ]] 


윈도우용 단축키



맥용 단축키



2차출처 : http://www.hans.or.kr/2013/11/sublime-text.html

출처 : http://juhoi.tistory.com/51


플러그인을 설치해서 생긴 단축키도 포함되었습니다.

또한, 서브라임 텍스트 2를 기준으로 작성되었음을 알려드립니다.

출처 : http://demun.tistory.com/2239

영어한글단축키설명
New File새파일Ctrl+N새문서나 새파일을 만듬.
Open File열기Ctrl+O새문서나 새파일을 열기
Open Folder폴더열기폴더열기
Open Recent최근문서열기최근문서열기
Reopen with Encoding인코딩해서 다시열기인코딩해서 다시열기
New View into File새로보기현재의 문서를 새탭에 열러서 새로보기
Save저장Ctrl+S저장
Save with Encoding인코딩해서 저장현재의 문서 인코딩변경해서 저장
Save as새로 저장Ctrl+Shift+S다른 이름으로 저장
Save All모두저장모두저장
New Window새창으로 열기Ctrl+Shift+N에디터를 두개이상 실행하고자 할때 새창으로 열기
Close Window새창 닫기Ctrl+Shift+W탭이 아닌 창으로 닫기
Close File닫기Ctrl+W탭 또는 창 닫기
Revert File파일되돌리기수정되기전으로 파일을 되돌립니다.
Colse All Files모든파일닫기모든 파일 닫기
Exit나가기나가기
Undo Insert Characters문자삽입취소Ctrl+Z삽입한 문자를 취소할때 사용합니다
Repeat Insert Characters문자삽입반복Ctrl+Y문자 삽입 반복
Undo Insert Characters문자삽입취소Ctrl+U문자 삽입 취소
Soft RedoCtrl+Shift+U소프트 다시 실행
Copy복사Ctrl+C복사
Cut자르기Ctrl+X자르기
Paste붙여넣기Ctrl+V붙여넣기
Paste and indent붙여 넣기 및 들여 쓰기Ctrl+Shfte+V붙여 넣기 및 들여 쓰기
Indent들여쓰기Ctrl+]들여쓰기
Unindent내어 쓰기Ctrl+[내어 쓰기
Reindent다시들여쓰기들어쓰기나 내어쓰기한 경우 다시 되돌리는 기능
Swap Line Up한줄위로Ctrl+Shift+Up현재의 행을 윗행과 교체합니다
Swap Line Down한줄아래로Ctrl+Shift+Down현재의 행을 아랫행과 교체합니다
Duplicate Line행 복사Ctrl+Shift+D현재의 행을 아래에 복사해서 붙여넣어줌
Delete Line행 삭제Ctrl+Shift+K현재의 행을 삭제하고 위로 이동함.
Join Lines행 합침Ctrl+J다음줄을 현재의 줄에 합류시킵니다.
Toggle Comment주석 전환Ctrl+/주석을 만들고 없애는 기능
Toggle Block CommentCtrl+Shift+/요소가 포함된 블럭 전체를 주석처리함.
Insert Line BeforeCtrl+Shift+Enter블럭 앞에 행 삽입
Insert Line AfterCtrl+Enter블럭 뒤에 행 삽입
Delete Word ForwardCtrl+Delete커서 뒤 단어 삭제
Delete Word BackwardCtrl+Backspace커서 앞 단어 삭제
Delete Line한줄삭제Ctrl+Shift+K한줄을 삭제합니다
Delete to End끝단어삭제Ctrl+K,Ctrl+k커서 다음부터 끝줄까지 삭제
Delete to Beginning앞단어삭제Ctrl+k,Ctrl+Backspace커서 앞에 있는줄까지 삭제
Transpose바꾸기Ctrl+T커서 왼쪽과 오른쪽 단어를 바꿈
Close Tag태그닫기Alt+.열려있는 태그요소 닫기
Expand Selection to TagCtrl+Shift+A현재 커서가 위치한 요소의 전체 블럭을 선택영역으로 만들기
Wrap Selection With Tag태그 묶음 선택Alt+Shift+W
Set Mark마크설정Ctrl+K,Ctrl+Space번호 마크를 생성합니다
Select To Mark마크 선택Ctrl+K,Ctrl+A현재커서부터 마크까지 선택
Delete To Mark마크삭제Ctrl+K,Ctrl+W만들어놓은 마크를 삭제합니다
Swap With Mark마크교체Ctrl+K,Ctrl+X전에있던 마크를 현재있던 곳으로 교체합니다
Clear Mark마크삭제Ctrl+K,Ctrl+G있던 마크를 삭제합니다
YankCtrl+k,Ctrl+Y마크영역을 현재 요소안에 삽입합니다
Fold접기Ctrl+Shfit+[바로 위 부모까지 접기
Unfold펴기Ctrl+Shift+]바로 아래 자식까지 펴기
Unfold All모두 펴기Ctrl+K,Ctrl+j모두 펴기
Fold All모두접기Ctrl+K,Ctrl+1빈줄없이 모두 접습니다
Fold Level 2Ctrl+K,Ctrl+2
Fold Level 3Ctrl+K,Ctrl+3
Fold Level 4Ctrl+K,Ctrl+4
Fold Level 5Ctrl+K,Ctrl+5
Fold Level 6Ctrl+K,Ctrl+6
Fold Level 7Ctrl+K,Ctrl+7
Fold Level 8Ctrl+K,Ctrl+8
Fold Level 9Ctrl+K,Ctrl+9
Fold Tag AttributesCtrl+K,Ctrl+T현재 블럭에 있는 어트리뷰트 태그요소를 접습니다
Title Case첫문자만 대문자로 만듭니다
Upper CaseCtrl+K,Ctrl+U대문자로 만듭니다
Lower Case소문자화Ctrl+K,Ctrl+L소문자로 만듭니다
Swap Case대문자를 소문자로, 소문자를 대문자로 변환
Wrap Paragraph at RulerAlt+Q들여쓰기가 모아짐
Show CompletionsCtrl+Space자동완성 툴팁 표시
Sort LinesF9라인에 맞쳐정렬
Sort Lines(Case Sensitive)Ctrl+F9라인에 맞쳐정렬(대소문자 구분)
Split into LinesCtl+Shift+L선으로 분할
Add Previous LineCtrl+Alt+Up커서를 위로 한행 추가하여 준비합니다
Add Next LineCtrl+Alt+Down커서를 아래로 한행 추가하여 준비합니다
Single Selection단일선택Escape단일 선택
Select All모두선택Ctrl+A모두 선택
Expand Selection to Line행선택Ctrl+L행으로 선택영역을 확장합니다
Expand Selection to Word단어선택Ctrl+D단어로 선택영역을 확장합니다
Expand Selection to ScopeCtrl+Shift+Space범위에 있는 모든것으로 선택을 확장합니다
Expand Selection to BracketsCtrl+Shift+M
Expand Selection to IndentationCtrl+Shift+J들여 쓰기로 선택영역 확장
Expand Selection to TagCtrl+Shift+A태그영역안까지 선택영역 확장
Find찾기Ctrl+F찾기
Find Next다음찾기F3다음찾기
Find PreviousShift+F3
Incremental Find이전찾기Ctrl+I이전 찾기
Replace대체Ctrl+H문자열을 대체할때 사용합니다.
Replace Next전부대체Ctrl+Shift+H한번에 모든 문자열을 대체합니다
Quick Find빨리찾기Ctrl+F3빨리찾기
Quick Find AllAlt+F3빠른 모두 찾기
Quick Add NextCtrl+K,Ctrl+D빠른 다음 추가
Use Selection for FindCtrl+E
Use Selection for ReplaceCtrl+Shift+E
Find in FilesCtrl+Shift+F파일에서 원한는 영역찾고, 대체하기
Show Results Panel결과 패널 표시
Next ResultF4다음 결과
Previous ResultShift+F4이전 결과
Side BarCtrl+K,Ctrl+B사이드바 열기 닫기
Show Console콘솔 보기Ctrl+`에디터에서 사용하는 콘솔 보기
Enter Full ScreenF11전체 화면으로 전환
Enter Distraction Free ModeShift+F11전체화면에서 가운데에 위치한 모드로 전환
Single싱글Alt+Shift+1에디터 하나로 보기
Columns:2컬럼:2Alt+Shift+2좌우로 두개의 컬럼으로 보기
Columns:3컬럼:3Alt+Shift+3좌우로 세개의 컬럼으로 보기
Columns:4컬럼:4Alt+Shift+4좌우로 네개의 컬럼으로 보기
Rows:2Alt+Shift+8상하로 두개의 컬럼으로 보기
Rows:3Alt+Shift+9상하로 세개의 컬럼으로 보기
Grid:4Alt+Shift+5상하로 네개의 컬럼으로 보기
Group 1Ctrl+1
Group 1Ctrl+Shift+1
Spell CheckF6맞춤법 검사
Next MisspellingCtrl+F6다음 철자 오류
Prev MisspellingCtrl+Shift+F6이전 철자 오류
Goto AnythingCtrl+P바로가기
Goto SymbolCtrl+R심볼 바로가기
Goto LineCtrl+G행 바로가기
Next FileCtrl+Pagedown다음 탭으로 가기
Previous FileCtrl+Pageup이전 탭으로 가기
Next File in StackCtrl+Tab다음문서에서 스택으로 바로가기
Previous File in StackCtrl+Shift+Tab이전문서에서 스택으로 바로가기
Switch HeaderAlt+O해더 타이틀 변경
Scroll to SelectionCtrl+K,Ctrl+C커서가 있는 곳으로 스크롤
Line Up한줄올림Ctrl+Up보여지는 영역이 한줄 올라감
Line Down한줄내림Ctrl+Down보여지는 영역이 한줄 내려감
toggle BookmarkCtrl+F2책갈피 전환
Next BookmarkF2다음 책갈피
Prev BookmarkShift+F2이전 책갈피
Clear BookmarksCtrl_Shift+F2책갈피 삭제
Select All BookmarksAlt+F2모든 책갈피를 선택
Jump to Matching BracketCtrl+M일치하는 브라켓으로 이동
Command Palette..명령 팔레트Ctrl+Shift+P명령 팔레트를 불러옴
Build생성Ctrl+B새로운 형식으로 생성함
Cancel Build생성취소Ctrl+Break생성취소
Show Build Results생성한 결과 보기
Next ResultF4다음 결과 보기
Previous ResultShift+F4이전 결과 보기
Record Macro매크로기록Ctrl+Q매크로 기록을 시작함.
Playback MacroCtrl+Shift+Q매크로 재생
Save Macro매크로 저장
Macro매크로
Open Project프로젝트열기프로젝트 열기
Clear Items아이템 삭제
Switch Project in WindowCtrl+Alt+P새로운 윈도우를 열어서 프로젝트 전환함
Save Project As..프로젝트 저장
Close Project프로젝트 닫기
Edit Project프로젝트 편집
Add Folder to Project프로젝트에 폴더 추가
Remove all Folders..모든 폴더를 삭제
Refresh Folders폴더 새로 고침
Browse Packages브라우져패키지플러그인이 들어있는 폴더 열기
Settings-Default기본 설정
Settings-User사용자 설정
Syntax Specific-User사용자 문법
Distraction Free-User
Key Bindings-Default키 바인딩 기본설정
Key Bindings-User키 바이딩 사용자설정
Create Public Gist..Ctrl+K,Ctrl+I발행할 Gist 만들기
Create Private Gist..Ctrl+K,Ctrl+P개인적인 Gist 만들기
Open Gist..Ctrl+K,Ctrl+OGist 열기
Insert Gist..Ctrl+K,Ctrl+[Gist 삽입
Add File to Gist..Ctrl+K,Ctrl+]Gist에 파일 첨부


반응형
2015. 7. 14. 00:50

Sublime Text 2에서 Zen Coding 설치하는 방법

 

Sublime Text 2를 설치하고 플러그인을 설치하기 위해 Package Control 을 설치했다면 이제 다른 플로그인을 설치해서 Sublime Text 2의 진가를 맛봐야합니다.

Sublime Text 2의 플러그인은 몇가지 됩니다. 구지 따로 다운로드를 받지 않아도 Sublime Text 2에서 명령을 통해 사용할 수 있습니다.

Sublime Text 2에서 기본적으로 사용할 수 있는 플러그인은 Sublime Packages를 참고하시기 바랍니다.

Zen Coding 의 플러그인 파일은 ZenCoding 에 있습니다.

Zen Coding 설치하는 법.

어디에도 Zen Coding 을 설치하는 법이 나와 있지 않았습니다.

그리고 Zen Coding 에서 사용하는 단축키도 나와 있지 않더군요. 찾는데 무척 애를 먹었습니다.
이렇한 모든 정보를 공유합니다.

설치하는 방법은 이전글인 Package Control 를 설치하는 방법을 보셨다면 금방 이해가 가실겁니다.
왜냐면 설치법이 똑같습니다.

Sublime Text 2에서 Tools - Command Palette 를 클릭, 또는 단축키 Ctrl+Shift+P 를 누르면 명령 팔렛트가 나오고 거기서 Install Package Control, Zen Coding 을 순서대로 입력하면 됩니다.
그럼 설치는 끝입니다.

Sublime Text 2에서 플러그인을 설치하는 방법은 모두 같습니다. 단축키 Ctrl+Shift+P 를 누르면 명령 팔렛트가 나오고 거기서 Install Package Control, 그리고 설치할 플로그인을 순서대로 입력하는 방식입니다.
wbond 에 있는 플러그인은 모두 위와 같은 방식입니다.
설치하는 장면만 동영상으로 캡쳐했습니다.

 


 

Sublime Text 2에서 Zen Coding을 사용하는 방법

 

Sublime Text 2에서 Zen Coding을 사용하는 방법 기본적으로 Zen Coding 에 대해서 안다고 가정하고 진행합니다.
만약 모른다면 제 블로그에서 Zen Coding 를 검색해보세요.

Sublime Text 2를 설치하고, Package Control, Zen Coding 을 모두 설치했다고 가정합니다.
만약 그렇기 못하다면 이전글을 참고하세요.
왜냐면 Package Control, Zen Coding을 모두 설치해야만 사용할 수 있습니다.
다른 에디터에서의 Zen Coding 은 코딩을 한후 확장키를 눌러야만 결과물을 볼 수 있습니다.
하지만 Sublime Text 2에서는 결과물을 보면서 코딩을 할 수 있다는 점이 아주 맘에 듭니다.

확장키는 Notepad++ 나 에이트플러스의 경우에는 단축키가 Ctrl+E 였습니다.
하지만 Sublime Text 2에서는 두가지의 경우가 있습니다.
간단하게 사용하는 단축키는 Tab키 입니다.
예를를어 div.test 라고 입력한다음 Tab키를 누르면

이런식으로 나옵니다.

또 하나의 방법은 Ctrl+Alt+Enter 입니다.
그럼 에디터 하단에서 Zen Coding의 마크업을 보면서, 에디터에서는 결과물을 동시에 볼 수 있습니다.
글로써는 이해가 잘 안됩니다.
간단한 동영상을 만들었으니 참고하세요.

 

출처 : http://demun.tistory.com/2220

 

반응형
2015. 7. 13. 20:11

이 기능은 먼저 Emmet 플러그인이 설치되어 있어야 합니다.

 

좀더 편하게 사용하려면 어떤 기능 즉 단축키가 있는지 알면 아는만큼 편하게 사용할 수 있습니다.

예를들어 html:5 라고 입력하고 확장키인 Tab 을 누르면 아래처럼 기본 html5의 doctype 의 코드가 편하게 들어갑니다.

 

 

 

html:4t , html:4s , html:xt , html:xs , html:xxs 등을 입력하고 눌러보세요. 뭐가 나오는지?

대략 이것만 보고 아는 분이 있다면 코딩에 어느정도의 실력이 있는분입니다. ㅎㅎㅎ.


자주 사용하는것은 아무래도 html:5 와 html:xt 가 아닐가 싶네요.


Emmet 플러그인은 html 에만 해당되지 않습니다.

아시다시피 CSS 에도 해당이 되는데요. border 은 bd 만 눈여겨보시고, backgrpund 는 bg 만 눈여겨 보시면 되겠네요.

참고로 아래 이미지에서 bgc 를 보시면 녹색으로 된 부분이 있습니다. 이것은 기본으로 입력이 되어지고 마우스 커서가 위치해서 바로 수정이 가능한 상태를 말합니다.


bg+ 의 경우는 녹색이 여러개인데 이런경우는 맨 앞에 녹색에 커서가 위치하게 됩니다.


또 파랑색에 I 모양을 볼 수가 있는데요. 이것은 커서가 위치한다는 겁니다.

 

 

 

알면 알수록 상당이 편하게 코딩을 할 수 있습니다.

치트 사이트는 http://docs.emmet.io/cheat-sheet/ 입니다.

 

출처 : http://demun.tistory.com/2236

반응형
2015. 7. 13. 20:01

Sublime Text 2에서는 좀더 빠르고 편리하게 폴더나 파일을 만드는 플러그인을 제공합니다.

그것이 바로 AdvancedNewFile 입니다.

설치하는 방법과 간단하게 사용하는 방법을 알아보겠습니다.

 

AdvancedNewFile 설치하는 방법

설치는 무조건 Ctrl + Shift + P 를 눌러 Package Control 을 설치합니다.

 

 

그다음 바로 AdvancedNewFile 를 설치합니다.

 

 

 

이것으로 설치는 끝입니다.

AdvancedNewFile 사이트 -> https://github.com/xobb1t/Sublime-AdvancedNewFile


AdvancedNewFile 사용하는 방법

AdvancedNewFile 의 단축키는 윈도우에서 Ctrl + Alt + N 입니다.

Sublime Text 2\Packages\AdvancedNewFile 폴더에 Default (Windows).sublime-keymap 보면 나와있습니다.

 

 

위 그림에서 보시는것처럼 왼쪽 사이드바에 보시면 sample 라는 빈폴더를 만들어놨습니다.

열려잇는 탭을 모두 없애고 아래처럼 Ctrl + Alt + N 을 클릭하니 아래에 보시면 새로운 파일을 만들수 있는 명령창이 뜹니다.

저는 css 폴더를 만들고 그 안에 style.css 라는 파일을 만들어라.....라고 적었습니다.

 

 

 

그럼 아래처럼 sample 폴더 안에 css 폴더안에 style.css 라는 파일을 만듭니다.

 

 

 

그림으로 설명하니 복잡할 수 있는데요. 한번 해보시면 무척 편하다는것을 알 수 있습니다.

이런식으로 파일과 폴더를 만들수 있습니다.

반응형