Sublime Text(서브라임텍스트) - Macro 매크로 매크로는 동일하게 반복되는 과정을 저장하여 그 과정을 단축키로 간단하게 실행하게 하는 기능입니다. 예를 들어 코딩할 때 문장 끝에 ";" 를 붙히고 "Enter"를 눌러야 되는 과정을 매크로를 사용하여 구현해보겠습니다. 매크로 기록 var element = document.getElementsByTagName('') 문장이 입력된 상태에서 문장끝에 커서를 두고 Tools > Save Macro...또는 단축키 'Ctrl + Q 매크로 기록이 시작되었다는 메세지가 잠시 나타났다가 사라진다. 문장의 끝에 커서를 두고 ";" 키와 "Enter"를 입력하고 Tools > Stop Recording Macro 또는 단축키 "Ctrl + Q" 입력하여 매크로 기록을 종료한다. 매크로 기록 확인 var ele.. IT/Sublime Text 2018. 10. 17. 07:26
Sublime Text(서브라임텍스트) - New Snippets 코딩할 때 미리 정의해둔 소스를 사용하여 코딩을 빨리할 수 있습니다. 새로운 Snippets을 만들려면 Tools > New Snippets.. se:fun Ctrl + Shift + S키를 눌러 새이름으로 저장하기를 선택하여 " self-excute.sublime.snippet" 이름으로 저장한다. Javascript 파일을 선택하여 se를 입력하면 위와 같이 snippets 목록이 나온다. 목록을 선택하고 tab 키를 누르면 커서가 $1 자리에 위치한다. 여기에 코드를 입력하고 다시 tab키를 누르면 $2자리로 커서가 위치하게 된다. 이번에는 html 파일입니다. ]]> input:pass 사이에 ]]> 입력 사이에 input:pass 입력하고, Ctrl + Shift + S키를 눌러 새이름으로 저장.. IT/Sublime Text 2018. 10. 15. 23:41
Sublime Text(서브라임텍스트) - Snippets Snippets 미리 정의된 키워드를 입력하고 자동완성 목록에서 해당 Snippets을 선택하면 미리 정의된 코드가 편집창에 출력되게 하는 기능을 말한다.Tools > snippetsJavascript 편집상태에서 실행한 화면입니다. func 를 선택한 후 화면입니다. 편집창에서 fun입력한 후 tab를 키를 눌러도 동일한 결과가 출력됩니다. IT/Sublime Text 2018. 10. 13. 00:30
Sublime Text(서브라임텍스트) - Layout & Group 레이아웃과 그룹 코딩 작업을 하다 보면, 여러 파일을 동시에 열고 작업을 해야할 때가있다. 예를 들면 html 파일 작업하다 보면, CSS 파일도 동시에 수정해야 할때가 있다. 그리고 연관된 JavaScrip 파일도 편집해야할 때는 편집기를 다중으로 열어야 한다. 서브라임 텍스트는 다중으로 창을 분활하는 기능이 있다. Layout 메뉴의 View > Layout 을 누르면 아래 그림처럼 메뉴가 나타난다. View > Layout > Single (단축키 : Alt+Shift+1) View > Layout > Columns : 2 (단축키 : Alt+Shift+2) View > Layout > Columns: 3 (단축키 : Alt+Shift+3) View > Layout > Columns: 4 (단축키 .. IT/Sublime Text 2018. 10. 5. 00:30
Sublime Text(서브라임텍스트) - Goto Anything Goto Anything 프로젝트에 추가된 폴더의 파일을 찾을 수 있습니다. 파일안의 원하는 내용을 빠르게 검색해주는 기능입니다. 입력하는 검색어를 포함하고 있는 관련 파일목록을 실시간으로 검색하여 보여준다. 파일검색 Goto > Goto Anything.. 또는 단축키 Ctrl + P 검색할 파일명을 입력합니다. (정확한 파일명을 입력하지 않아도 된다.) 파일명을 입력하면 파일명과 그 파일내용이 즉시 보여지기 때문에 파일내용을 확인 할 수 있다. 목록에 나타나는 파일명은 현재 프로젝트에 포함되어있는 파일명이다. 목록에 보이는 파일명을 ▲▼ 키를 이용하여 찾는 파일명이 있으면 해당 파일명을 클릭하거나 Enter 키를 누르면 해당 파일을 편집할 수 있다.. 키워드 찾기(텍스트 검색) Goto > Goto .. IT/Sublime Text 2018. 10. 3. 11:35
Sublime Text(서브라임텍스트) - Multiple Selection(다중선택) 다중선택 및 편집 여러 단어를 쉽게 선택하거나 특정 영역을 다중으로 선택해서 일괄적인 수정을 할 수 있는 기능을 제공합니다. 편집 창에서 코드를 선택하는 방법은 마우스를 사용해 선택하고자 하는 영역을 드래그하거나, 선택하려는 단어를 더블 클릭해서 선택할 수 있습니다. 또한 Shift 키와 Shift + Ctrl 키를 누른 상태에서 방향키를 이용하여 단어 및 줄을 선택할 수도 있습니다. 단어 선택 : Ctrl + D Ctrl 키를 누른 상태에서 D키를 누를때 마다 동일 단어가 선택된다. 단어 선택 건너뛰기 : Ctrl + KD 아래 그림처럼 단어 건너뛰기를 하려면 Ctrl 키를 누른채 D키를 두번 누른뒤, K, D키를 연속하여 누른다. 선택된 단어 모두 선택하기 : Alt + F3 줄 선택 줄 편집 방법 .. IT/Sublime Text 2018. 10. 3. 08:21
Sublime Text(서브라임텍스트) - 프로젝트 프로젝트 서브라임 텍스트는 프로젝트를 손쉽게 등록해 사용하며, 환경 설정을 통해 프로젝트별 독립적인 편 집 환경을 구성할 수 있습니다. 프로젝트 생성 서브라임 텍스트에 프로젝트를 추가하는 방법으로는 두 가지가 있습니다. 첫 번째는 메뉴를 통해서 프로젝트를 추가하는 방법입니다. "Project > Add Folder To Project"를 선택해 프로젝트에 추가할 폴더를 선택합니다. 두 번째 방법은 서브라임 텍스트를 실행한 상태에서 파일 탐색기 열고 프로젝트에 추가할 폴더를 드래그해 서브라임 텍스트로 가져오면 됩니다. 프로젝트 저장 이렇게 추가된 내용은 메뉴의 "Project > Save Project As"를 선택해 저장할 수 있습니다. 프로젝트 파일을 저장할 적당한 위치를 선택해 프로젝트와 관련된 이름.. IT/Sublime Text 2018. 10. 2. 00:30
Sublime Text(서브라임텍스트) - IME Support를 사용한 한글입력문제 해결 Windows Only 서브라임 텍스트에서 한글을 입력할 때 편집창에 출력되지 않고 화면 상단에 출력되어 한글이 완성되지 않고 Space키를 눌러야 비로서 완성되는 경우가 있습니다. 이러한 문제를 해결할 방법을 알아 보겠습니다. https://github.com/chikatoike/IMESupport https://github.com/chikatoike/IMESupport1번 클릭하면 2번처럼 팝업된 Download.zip 을 눌러 다운 받는다. 다운로드 IMESupport-master.zip 파일을 압축을 풀어서IMESupport-master.zip위에 커서를 두고 F2키를 눌러 파일명을 IMESupport 으로 변경한다.IMESupport 폴더를 아래의 폴더에 복사한다.C:\Users\Administrator\AppData.. IT/Sublime Text 2018. 10. 1. 18:31
Sublime Text(서브라임텍스트) - 환경설정 서브라임 텍스트 의 환경을 설정 할수 있습니다. 'Preferences > Settings 을 선택한 화면입니다. 왼쪽은 Default 화면이고, 오른쪽은 사용자 설정입니다. 아래는 환경을 설정할 수 있는 항목들의 일부입니다. { "always_show_minimap_viewport": 미니맵에서 현재 위치 표시, "bold_folder_labels": 폴더 굵게 표시, "caret_extra_bottom": 커서 높이 아래로 키움, "caret_extra_top": 커서 높이 위로 키움, "caret_extra_width": 커서 너비, "caret_style": 커서 스타일, "color_scheme": 문자 색상 테마, "defalut_line_ending": 줄바꿈 문자 형식 지정(system, .. IT/Sublime Text 2018. 10. 1. 17:06
Sublime Text(서브라임텍스트) - 파일 생성 및 저장 사이드바 토글 새로운 문서를 생성하여 저장한다.1. File > Save (단축키 : Ctrl + S) 에서 마우스 오른쪽 버튼을 클하여 새 폴더 생성, 새 폴더가 생성되면 폴더 이름을 임으로 변경한다. 예) project2. project 폴더에 index.html 이라는 파일명으로 저장 버튼을 눌러 저장한다. 3. syntax 모드가 html로 바뀐다. syntax 모드를 바꾸려면 View > Syntax > 원하는 모드를 선택하여 바꿀 수 있다. 4. 다시 새 폴더를 만들어 폴더명을 css로 바꾸고 style.css 로 저장한다. File > Save (단축키 : Ctrl + S) 에서 마우스 오른쪽 버튼을 클하여 새 폴더 생성, 새 폴더가 생성되면 폴더 이름을 css로 변경하고 css 폴더에 파일명을 style.. IT/Sublime Text 2018. 10. 1. 15:50
