분도의 일상

다중선택 및 편집 여러 단어를 쉽게 선택하거나 특정 영역을 다중으로 선택해서 일괄적인 수정을 할 수 있는 기능을 제공합니다. 편집 창에서 코드를 선택하는 방법은 마우스를 사용해 선택하고자 하는 영역을 드래그하거나, 선택하려는 단어를 더블 클릭해서 선택할 수 있습니다. 또한 Shift 키와 Shift + Ctrl 키를 누른 상태에서 방향키를 이용하여 단어 및 줄을 선택할 수도 있습니다. 단어 선택 : Ctrl + D Ctrl 키를 누른 상태에서 D키를 누를때 마다 동일 단어가 선택된다. 단어 선택 건너뛰기 : Ctrl + KD 아래 그림처럼 단어 건너뛰기를 하려면 Ctrl 키를 누른채 D키를 두번 누른뒤, K, D키를 연속하여 누른다. 선택된 단어 모두 선택하기 : Alt + F3 줄 선택 줄 편집 방법 ..

프로젝트 서브라임 텍스트는 프로젝트를 손쉽게 등록해 사용하며, 환경 설정을 통해 프로젝트별 독립적인 편 집 환경을 구성할 수 있습니다. 프로젝트 생성 서브라임 텍스트에 프로젝트를 추가하는 방법으로는 두 가지가 있습니다. 첫 번째는 메뉴를 통해서 프로젝트를 추가하는 방법입니다. "Project > Add Folder To Project"를 선택해 프로젝트에 추가할 폴더를 선택합니다. 두 번째 방법은 서브라임 텍스트를 실행한 상태에서 파일 탐색기 열고 프로젝트에 추가할 폴더를 드래그해 서브라임 텍스트로 가져오면 됩니다. 프로젝트 저장 이렇게 추가된 내용은 메뉴의 "Project > Save Project As"를 선택해 저장할 수 있습니다. 프로젝트 파일을 저장할 적당한 위치를 선택해 프로젝트와 관련된 이름..

1. 검색엔진에 package control 입력2. 빨간 사각형내를 클릭하여 선택https://packagecontrol.io/ ← 여기를 클릭 ▲ SublimText 버전에 따라서 빨간 상자부분을 드래그하여 복사합니다.SublimeText2 버전import urllib2,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_o..

서브라임 텍스트에서 한글을 입력할 때 편집창에 출력되지 않고 화면 상단에 출력되어 한글이 완성되지 않고 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..

서브라임 텍스트 의 환경을 설정 할수 있습니다. '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, ..

새로운 문서를 생성하여 저장한다.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..

서브라임 텍스트3 Sublime Text3 소개 최근 많이 사용되고 있는 Text ditor인 SubLimeText에 대해서 알아보고자 합니다. 이름에서도 알 수 있듯이 (Sublime : 감탄할만한, 절묘한) 아주 편리하고 기능이 많은 에디터입니다. SublimeText Editor은 Edit Pulus나 Note pad++처럼 가볍지만 기능은 아주 많이 가지고 있습니다. 기능을 확장할 때 사용되는 플러그인은 설치법도 매우 간단하며, 지금도 개발되고 있습니다. SublimeText는 크로스 플랫폼을 지원하고 있기 때문에 다양한 OS에서 사용 할 수 있습니다. 거의 모든 작업을 키보드만으로 조작이 가능하다. 다중 선택으로 동시에 여러 곳의 단어를 동시에 수정 및 추가 삭제가 가능하다. Vim 모드를 지원..

Javascript 코드 작성규칙 함수 한문자 이름은 피하십시오. 이름에서 의도를 읽을 수 있도록 하십시오. // bad function q() { // ...stuff... } // good function query() { // ..stuff.. } 소문자 낙타표기법(camelCase)을 사용하십시오. function thisIsMyFunction() {}; Class와 생성자에는 PascalCase를 사용하십시오. function User(options) { this.name = options.name; } var good = new User({ name: 'yup' }); private 메서드나 프로퍼티명에 접두어로 밑줄을 붙여 구별하기 쉽게 합니다. // bad var persion = { ge..

CSS 코드 작성규칙 기본 규칙 모든 속성은 숫자, 대문자, 특수문자로 시작할 수 없으며, 영문 소문자로 작성합니다. 단어의 구분을 위하여 하이픈 표기법을 사용합니다. 마지막 속성 값의 끝에도 세미콜론을 사용합니다. 방향에 따라 속성을 지정해야 하는 경위 top, right, bottom, left 순으로 작성합니다. 선택자 구분 스타일 엔진은 다음 4개의 카테고리로 스타일 규칙을 분류합니다.1. ID 규칙 ID 규칙 Class 규칙 Tag 규칙 Universal 규칙 이 4개의 규칙들은 스타일 규칙을 적용하는데 기본적인 역할을 하므로 이해하는 것이중요합니다 키 선택자 선택자의 마지막 선택자를 의미합니다. 아래 코드에서 키 선택자는 img, p, [title]이 됩니다. 따라서 마지막 작성된 키 선택을 ..

HTML 코드 작성규칙 기본 규칙 DTD를 제외한 모든 요소와 애트리뷰트는 소문자로 작성합니다 애트리뷰트 값은 큰따옴표("")로 묶습니다. 아이디와 클래스의 속성 값은 숫자, 대문자, 특수문자로 시작할 수 없습니다. 애트리뷰트의 속성의 값은 숫자, 특수문자로 시작할 수 없으며, 대문자로는 시작할 수 있습니다. 아이디 아이디는 소문자 카멜 표기법 을 사용합니다. 스타일 지정을 위해 사용하지 않으며, DOM 조작을 위해 사용해야 합니다. 주의 사항: 숫자, 대문자, 특수문자로 시작할 수 없습니다. ... ... 클래스 아이디와 시각적 구분을 위해 하이픈 표기법 을 사용합니다. 이미 수 많은 FrontEnd 개발 프레임워크 및 javascipt 플러그인의 코딩 스타일도 하이픈 표기법을 사용하고 있으며, 프로젝..