서브라임 텍스트 설치 및 세팅 - HTML 편집기

텍스트 편집을 하거나 HTML 같은 소스를 편집할때,

무료 편집기 프로그램인 서브라임 텍스트를 많이 사용합니다.

오늘은 서브라임 텍스트를 설치해 보고, 간단한 기본 세팅에 대해서 알아보겠습니다.

1. 서브라인 텍스트 설치

먼저 구글에서 '서브라임텍스트' 라고 검색을 하면 아래 화면과 같은 검색 결과를 볼수 있습니다.

여기서 제일 상단에 있는 첫번째 링크를 클릭하겠습니다.

그럼 아래와 같은 서브라임 텍스트의 홈페이지에 접속을 하게됩니다.

여기서 상단에 있는 'DOWNLOAD FOR WINDOWS' 버튼을 클릭하여 프로그램을 다운로드 하겠습니다.

다운로드가 완료되면 아래와 같이 화면 아래 다운로드된 프로그램을 열어서 설치를 하겠습니다.

열기 클릭~

그럼 다음과 같은 설치 화면이 나오는데,

특별한 설정 할것은 없고, 그냥 'Next' 버튼을 누르면서 설치를 진행하시면 됩니다.

2. Package Control 설치

설치가 완료되면 아래와 같은 서브라임 텍스트 화면을 보실 수 있습니다.

서브라임 텍스트의 추가 기능을 사용하기 위해서 패키지를 설치 해야 하는데,

먼저 패키지를 설치 및 삭제 관리를 하는 'Package Control'을 설치해야 합니다.

아래 화면처럼 서브라임 텍스트 메뉴중에 Tools > 'Command Palette' 메뉴를 클릭 합니다.

아래와 같은 팝업 창이 하나 뜨면, 입력 창에 'install'이라고 입력 합니다.

그럼 아래쪽에 'install Package Control' 메뉴가 검색되는데, 클릭을 해 주세요~

선택을 하면 조용히 설치가 완료됩니다. ^^;

3. ConvertToUTF8 패키지 설치

서브라임 텍스트는 기본적으로 UTF-8 인코딩을 사용하기 때문에 기존에 작성해둔 파일을 열면,

한글이 깨지는 현상이 발생합니다.

그래서 자동으로 UTF-8 인코딩으로 변경해주는 ConvertToUTF8 패키지를 설치하면 한글이 깨지는 것을 방지할수 있습니다.

메뉴중에 Tools > 'Command Palette' 메뉴를 클릭 합니다.

팝업창에서 'install'을 입력하고 'Package Control: Install Package'를 선택합니다.

그럼 다시 패키지 설치 팝업이 뜨는데,

여기서 'convertto'  입력하면 'ConvertToUTF8' 패키지가 검색되는데, 클릭을 하면 설치가 됩니다.

4. IMESupport 패키지 설치

IMESupport 패키지는 한글 입력시에 나타나는 IME 창을 없애주는 역할을 합니다.

한글 입력시에 조금 거슬리는 부분이기도 합니다. ^^;

메뉴중에 Tools > 'Command Palette' 메뉴를 클릭 합니다.

팝업창에서 'install'을 입력하고 'Package Control: Install Package'를 선택합니다.

패키지 설치 팝업에서 'imesu' 를 입력하고 검색된 'IMESupport' 패키지를 클릭을 하면 설치가 됩니다.

5. Emmet 패키지 설치

Emmet 패키지는 HTML, CSS의 자동완성 기능을 제공합니다. (젠 코딩 기능)

메뉴중에 Tools > 'Command Palette' 메뉴를 클릭 합니다.

팝업창에서 'install'을 입력하고 'Package Control: Install Package'를 선택합니다.

패키지 설치 팝업에서 'emmet' 를 입력하고 검색된 'Emmet' 패키지를 클릭을 하면 설치가 됩니다.

6. SublimeCodeIntel 패키지 설치

SublimeCodeIntel 패키지는 각종 프로그램 언어의 코드 자동완성 기능을 제공합니다.

그리고 변수명에 대고 Alt+클릭 또는 Ctrl+F3키를 누르면 변수가 지정된 파일로 이동을 하며,

Ctrl+j키를 누르면 해당 심볼로 이동을 합니다.

메뉴중에 Tools > 'Command Palette' 메뉴를 클릭 합니다.

팝업창에서 'install'을 입력하고 'Package Control: Install Package'를 선택합니다.

패키지 설치 팝업에서 'codeintel' 를 입력하고 검색된 'SublimeCodeIntel' 패키지를 클릭을 하면 설치가 됩니다.

7. 설치된 패키지 삭제

설치한 패키지를 삭제하고 싶을때는 메뉴 > Preferences > Package Control 메뉴를 클릭해 주세요.

그리고 팝업이 뜨면 아래와 같이 'Package Control: Remove Package' 메뉴를 선택해 주세요~

그러면 설치된 패키지 목록이 나오는데,

여기서 삭제하고 싶은 패키지를 선택하시면 바로 삭제가 됩니다.

8. 유용한 단축키

Ctrl + Shift + D : 현재 커서가 있는 줄을 복사하여 바로 아래에 붙여넣기 해 줍니다. (한줄 복사 기능)

Ctrl + / : html, javascript, css 한줄 주석 만들기

Ctrl + Shift + / : 선택한 영역 주석 만들기

Ctrl + ` : 콘솔 열기 및 닫기

Ctrl + L : 행 선택

Ctrl + D : 단어 선택