서브라임 텍스트(위키북스 오픈소스 & 웹 시리즈 60)

이제 더 이상 내게 맞는 텍스트 편집기를 찾아다닐 필요가 없습니다.



서브라임 텍스트가 나온 이후로 전 세계의 프로그래머와 웹디자이너들은 이 편집기를 선택했습니다. 많은 사용자가 그동안 사용돼 온 윈도우의 Notepad++, 맥의 Texmate에서 서브라임 텍스트로 갈아탔습니다. 서브라임 텍스트에서는 필요에 따라 플러그인을 설치하면 기능을 확장할 수 있습니다. 깃허브에서 개발한 아톰이라는 오픈소스 편집기는 서브라임 텍스트를 모방할 정도입니다.



이 책은 크게 3부로 나눠져 있습니다. 1부에서는 서브라임 텍스트 편집기의 전반적인 내용 및 정규 표현식의 기초를 다루고, 2부에서는 각종 유용한 패키지를 다룹니다. 3부에서는 서브라임 텍스트를 이용해 실전에서 정규 표현식을 사용하는 방법을 알아봅니다



이제 텍스트 에디터 선택은 오직 하나입니다. 서브라임 텍스트입니다.



[소스코드 다운로드 & 블로그]



이 책에서 진행한 모든 실습 파일은 아래 URL에서 내려받을 수 있습니다. 또 이 책의 내용에 오류가 있거나 질문사항이 있으면 아래 블로그의 방명록이나 관련 글에 댓글을 남겨주시면 답변 드리겠습니다.



▣ 블로그 주소: http://martian36.tistory.com/1315

[1부] 서브라임 텍스트 사용하기



▣ 01: 서브라임 텍스트란?

패키지 사용

다중 선택

자유로운 사용자 정의 설정

커맨드 팔레트

원하는 곳으로 가기

크로스 플랫폼

아톰과 서브라임 텍스트



▣ 02: 서브라임 텍스트 설치

윈도우 버전

맥 OS X에 설치하기

리눅스(우분투)에서 설치하기

서브라임 텍스트 구매

편집기에 구매 라이선스 입력

Node.js 설치



▣ 03: 서브라임 텍스트 개요

서브라임 텍스트의 화면 구성

탭의 사용

레이아웃

파일 닫기

파일 및 폴더 열기

사이드바



▣ 04: 설정

패키지 콘트롤 설치하기

테마 및 코드 색상 변경

코딩 폰트 변경

맥에서 마지막 탭을 닫아도 창이 닫히지 않게 만들기

문법별 설정

집중 모드 설정

키 바인딩

커맨드 라인에서 서브라임 텍스트 실행하기

▣ 05: 파일(File) 메뉴



▣ 06: 편집(Edit) 메뉴

저장 기록에서 붙여넣기(Paste from History)

들여쓰기(Indent)

들여쓰기 복구(Reindent)

들여쓰기로 붙여넣기(Paste with Indent)

줄의 복사, 이동 삭제

줄의 병합(Join Lines)

주석 처리

빈 줄 추가

삭제

글자 위치 변경(Transpose)

태그로 선택 감싸기(Wrap Selection with Tag)

지점 표시(Mark)

코드 접기(Code Folding)

문단 감싸기(Wrap)

자동 완성

줄 정렬(Sort Lines), 바꾸기(Permutes)



▣ 07: 선택(Selection) 메뉴

커서의 이동

단어의 선택

선택의 확장(Expand Selection)

컬럼 선택(Column Selection)

줄 선택(Line Selection)

태그 확장 선택(Expand Selection to Tag)

범위 확장 선택(Expand Selection to Scope)

괄호 선택 확장(Expand Selection to Bracket)

문단 선택 확장(Expand Selection to Paragraph)

들여쓰기 선택 확장(Expand Selection to Indentation)

줄로 나누기(Split into lines)



▣ 08: 찾기(Find) 메뉴

찾기

증분 찾기(Incremental Search)

찾기 및 치환(Find and Replace)

정규 표현식으로 찾기

파일에서 검색(Find in Files)



▣ 09: 보기(View) 메뉴

그룹(Groups)



▣ 10: 가기(Goto) 메뉴

원하는 곳으로 가기(Go to Anything)

심볼로 가기(Goto Symbol)

정의로 가기(Goto Definition)

점프로 가기(Jump Back, Jump Forward)

북마크(Bookmark)

일치하는 괄호로 가기(Jump to Matching Bracket)



▣ 11: 도구(Tools) 메뉴

커맨드 팔레트(Command Palette)

코드 조각(Snippet)

빌드 시스템(Build System)

매크로(Macro)



▣ 12: 프로젝트(Project) 메뉴

빈티지 모드 사용하기



[2부] 패키지 활용



▣ 01: 패키지 사용하기



▣ 02: Emmet

HTML

CSS



▣ 03: FTP 연결하기

▣ 04: 사이드바 기능 향상(SideBarEnhancements)

▣ 05: 컬러 피커(Color Picker)

▣ 06: 코드 축약(Minifier)

▣ 07: HTML/CSS/JS Prettify

▣ 08: BracketHighlighter

▣ 09: AutoPrefixr

▣ 10: CanIuse

▣ 11: CSSComb

▣ 12: Sublime Alignment

▣ 13: Trimmer

▣ 14: HyperlinkHelper

▣ 15: 파일 가져오기(Fetch)

▣ 16: SublimeLinter

▣ 17: 패키지 리소스 보기(PackageResourceViewer)

▣ 18: 서브라임 텍스트에서 커맨드 라인 열기

▣ 19: SublimeREPL

▣ 20: Goto Documentation

▣ 21: JavaScript & NodeJs Snippet



[3부] 정규 표현식(Regular Expression)



▣ 01: 글자 클래스(Character Classes)

Dot(.)

Match any

word와 not word

digit과 not digit

whitespace와 not whitespace

character set

negate set

range.



▣ 02: Quantifiers & Alternation

Plus(+)

Star(*)

Quantifier

Optional(?)

Lazy..

Alternation(|)



▣ 03: Anchors

Beginning(^)

End($)

Word boundary(\b)와 not word boundary(\B)



▣ 04: Groups & Lookaround

Capturing group((ABC))

Backreference(\숫자)

Non capturing group(?:)

Positive lookahead와 Positive lookbehind

Negative lookahead와 Negative lookbehind



▣ 05: Substitution

Match($&)

Capture group($숫자)

Before match($`)

After match($')



▣ 06: Escaped characters(\)



▣ 07: 서브라임 텍스트에서 정규 표현식 사용하기

일반 텍스트 문서를 HTML 문서로 만들기

서브라임 텍스트의 설정 코드 추출하기

부트스트랩 문서 파일 수정

이메일 주소 일치하기



[부록]



▣ 01: 서브라임 텍스트 설정

▣ 02: 패키지 모음

▣ 03: 서브라임 텍스트 단축키

▣ 04: 빌드 시스템 Selector

김덕기 저자 김덕기는 금융기관 퇴직 후 평소 열망하던 웹디자인에 입문해 포토샵, CSS, 제이쿼리, 워드프레스 등 웹디자인 관련 지식을 블로그를 통해 공유하며 프리랜서 웹디자이너로 활동 중. 워드프레스 공식 한글 사이트의 편집자로 참여해 신속한 한글 버전의 발행을 하고 있고, 번역가(아이디 martian36) 및 밸리데이터(Validator)로 워드프레스 한글 번역의 미진함을 업데이트하고 필수 플러그인 번역하고 있으며, 티스토리 블로그(http://martian36.tistory.com)를 운영 중이다. 최근 출간 서적으로 『워드프레스 완벽입문』, 『트위터 부트스트랩』, 『워드프레스 쇼핑몰 만들기』, 『DIY! 워드프레스』, 『DIY! 워드프레스 쇼핑몰』이 있다.