Ruby On Rails/작은 팁2011/05/02 20:00

TextMate 숨어있는 편집 기능 사용하기 및 단축키 몇가지

Edit+ 짱!

Windows에서 개발을 할때는 무조건 Edit+만 사용했었다. (PHP뿐만 아니라 RoR할때 조차도!)

그 이유는
  • 10년 넘게 사용해왔다는 점.
  • 정식 라이센스를 보유하고 있다는 점.
  • 베타 테스터라는 이유. (개발자와 100통이 넘는 메일을 주고 받았다.)
도 있었지만,

  • 10년 가까이 사용해오다보니 왠만한 단축키는 거의 다 외우고 있었고
  • 직접 단축키를 할당하는 등의 커스터마이징도 많이 되어 있었고
  • 무엇보다 막강한 편집기능 때문이었다.

막강한 편집기능의 간략한 예를들면..
  • 주석 추가/제거
  • 현재 케럿에서 앞/뒤로 줄 삭제
  • 현재 줄 복사/삭제
  • 현재 줄을 위/아래로 이동
  • 현재 단어 삭제
  • 캐럿기준 앞뒤 문자 바꾸기
    이것 정말 쏠쏠한 기능이다. 고속으로 타이핑 하다보면 철자의 앞뒤를 바꾸는 경우가 있는데 이 기능을 실행하면 앞뒤 문자를 바꿔준다. 예를들어 form인데 from으로 쳤다고 하자. o와 r 사이에 캐럿을 놓고 Ctr+T(단축키는 정확히 기억이..) 누르면 form으로 짠!
등등등 Edit+ 편집메뉴에 있는 모든 기능을 능수능란하게 사용하다 보니 RoR을 할때도 Textmate보다 Edit+로 하는게 비교도 안되게 빨랐다.
(개발툴을 능숙하게 사용하는것도 개발자의 능력임을 잊지말자!)

그러다 몇년전 OSX로 넘어오면서 어쩔 수 없이 Textmate로 넘어왔는데, 이건 뭐 도저히 작업속도가 안나오는 것이다.

뭐 Textmate도 그럭저럭..


사람들이 Textmate에 훅~가는 멋진 기능중 하나가 바로 "코드 자동완성"인데.. 사실 이거 Edit+에도 있다.
사실 Textmate가 좀 더 미려하고, Smart한것은 인정! 하지만 개발속도에 영향을 줄 정도는 아니다.

어쩌다 보디 Edit+ 찬양글이 되어가고 있는데, 10년을 쓴 Edit+인데 Textmate가 성에 안차는걸 어떻하랴..

돌아와서, Textmate의 막강한 기능이 바로 커스터마이징이다. 내가 필요한 기능이 있으면 만들어서 추가해버리면 된다. 물런 Edit+도 가능하지만 한계가 명확하다.
Textmate가 제공하는 기본 편집기능도 Edit+만큼은 아니지만 나름 괜찮은 기능들을 제공한다.
다만 Text Bundle에 숨겨져 있다는게 문제.

그러므로 Textmate로 개발을 해야 하는 개발자라면 시간을 투자해서 Text Bundle과 자기가 사용하는 Language의 Bundle을 처음부터 끝까지 여러번 살펴보는것을 권장한다.
(다시한번 말하지만, 개발툴을 능숙하게 사용하는것도 개발자의 능력임을 잊지말자!)
 

Bundle의 단축키를 수정할 수 있으므로 자주 쓸법한 녀석은 단축키를 지정해 놓는것이 편하다. 
이런것중 유용한것 하나가 "줄 끝 공백 제거"같은 기능이 있는데.. 단축키가 할당되어 있지 않다.
필자의 경우 ⌃. 으로 단축키를 할당해서 쓰고 있다.

단축키가 이미 꽉 차 있거나, 단축키가 너무 많거나 혹은 휴먼 메모리가 딸려서 외우지 못할경우 Bundle Item ⌃⌘T (Bundles → Select Bundle Item)을 찾아서 실행하면 된다.



Textmate 편집 단축키

필자가 자주 애용하는 편집 기능은
  • ⌥⌘.(마침표): HTML 안닫힌 태그 있으면, 닫힌 태그 입력
  • ⌃⇧,(쉼표): HTML 태그 생성
  • ⌃⇧.(마침표): Language의 시작, 출력, 주석 등등 (Bundle에 따라 틀림)
  • ⌘/: 주석 추가,제거
  • ⌃W: 단어 선택
  • ⌃⇧K: 줄 삭제
  • ⌃⇧D: 줄 복사
  • ⌃⌘↑↓: 줄 이동
  • ⌘F: 검색
  • ⌘G: 다음 검색
  • ⇧⌘G: 이전 검색
  • ⌃⌘F: 모두 변환
  • ⌥⌘F: 변환하고 찾기

Bundle에 있는 기능도 있고, Edit 메뉴등에 있는 기능도 있다.
막상 써보니 그리 많지는 않은데 빼먹은것들이 꽤 있을듯한다. 누락된것은 생각이 나거나 새로 발견하는 것들은 계속 추가할 예정이다.

URL


ps. 여러분이 사용하시는것 있으면 우리 공유해요~
코멘트로 써 주시면 올리신 분 아이디와 함께 단축키 목록에 추가할게요! 
크리에이티브 커먼즈 라이선스
Creative Commons License

'Ruby On Rails > 작은 팁' 카테고리의 다른 글

[1원팁] routes에서 as 사용하기.  (0) 2011/06/13
Rails 3.1 Overview  (7) 2011/05/19
TextMate 숨어있는 편집 기능 사용하기 및 단축키 몇가지  (1) 2011/05/02
언제까지 restful-authentication을 쓸것인가! devise도 써보자!  (0) 2011/02/01
간만에 Rails왔더니 Rails3로 업데이트가... #1  (2) 2011/01/28
mac에서 rails하는 사람들이 snow leopard 설치시 주의할 점  (2) 2009/09/14
Posted by Johan Kim hiphapis
TAG edit+, EditPlus, Shortcuts, textmate
Trackback 0 Comment 1

TRACKBACK http://hiphapis.net/trackback/191 관련글 쓰기

댓글을 달아 주세요

  1. Favicon of http://www.thewebmoneyworld.com BlogIcon Make Money Online

    그러므로 웹엔진(Nginx등)에서 Js, Css, Image를 Rails한테 안넘기고 직접 처리하도록 세팅이 되어 있었다면, 관련 부분은 수정이 있어야 한다

    2012/02/06 02:31 [ ADDR : EDIT/ DEL : REPLY ]

웹[기술|표준|접근]/작은 팁2007/12/05 11:34

JSSpec용 EditPlus ACP,STX 파일

간략하게 JSSpec을 설명하자면 Javascript BDD 툴입니다.
JSSpec과 BDD에 대한 설명은 다음에 기회될때 포스팅하기로 하고..(과연..?)
일단, 자세한 설명은 JSSpec홈페이지 http://code.google.com/p/jsspec/를 참고하세요~

Editplus용 자동완성파일 ACP, 구문파일 STX을 만들었습니다.
jscript.zip (2007-05-10)
JScript stx with Prototype.js - W. Jordan
jscript.acp.zip (2007-05-10)
JScript acp, ctl with Prototype.js - W. Jordan
이것들이 원본인데 제 입맛에 맞춰서 수정을 해서 쓰다가 JSSpec구문을 추가한 것입니다.
원본이 With Prototype이어서 prototype을 쓰시는 분들께는 사용하시기 더 편리하지 않을까 생각합니다.

만약 사용하시던 ACP, STX가 있으시면 제가 추가한 부분(JSSpec으로 검색해서 나오는 부분)만 현재 사용하시는 파일에 추가를 해주시면 됩니다.

다운로드 >>http://editplus.com/kr/html.html 에서 다운받으실 수 있습니다. (js7.zip)




acp에 추가된 내용
#T=_________________
#T=  JSSpec
#T=jss
describe("^!", {
    "should ": function() {
       
    }
});
#T=vof
value_of("^!")
#T=ept
expect(^!)
#T=sb
should_be(^!)
#t=snb
should_not_be(^!)
#t=sbe
should_be_empty(^!)
#t=snbe
should_not_be_empty(^!)
#t=sbt
should_be_true(^!)
#t=sbf
should_be_false(^!)
#t=snbt
should_not_be_true(^!)
#t=snbf
should_not_be_false(^!)
#t=sh
should_have(^!)
#t=she
should_have_exactly(^!)
#t=shal
should_have_at_least(^!)
#t=sham
should_have_at_most(^!)
#t=si
should_include(^!)
#t=sni
should_not_include(^!)
#t=sm
should_match(^!)
#t=snm
should_not_match(^!)
#t=sf
should_fail(^!)

stx에 추가된 내용
#KEYWORD=JSSPec
describe
value_of
expect
beforebe_each
should_be
should_not_be
should_be_empty
should_not_be_empty
should_be_true
should_be_false
should_not_be_true
should_not_be_false
should_have
should_have_exactly
should_have_at_least
should_have_at_most
should_include
should_not_include
should_match
should_not_match
should_fail

크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

CSS Position relative 와 absolute 함께 상대적 절대 포지셔닝하기  (6) 2007/12/28
IE 7 에서 dt, dd 좌측여백이 생기는 문제  (2) 2007/12/27
JSSpec용 EditPlus ACP,STX 파일  (0) 2007/12/05
EditPlus 에서 monaco(mac 기본 폰트)사용하기. (XP에서 안티알리아싱(Anti-Aliasing 설정)  (3) 2007/10/01
[CSS] IE6 에서 CSS만으로(핵안쓰고) position:fixed 하기  (2) 2007/08/31
[JS] 정규식을 이용하여 ltrim, rtrim, trim 구현하기  (1) 2007/08/31
Posted by Johan Kim hiphapis
TAG acp, BDD, EditPlus, JavaScript, JSSpec, STX, 구문 파일, 자동 완성
Trackback 0 Comment 0

TRACKBACK http://hiphapis.net/trackback/81 관련글 쓰기

댓글을 달아 주세요

웹[기술|표준|접근]/작은 팁2007/10/01 13:05

EditPlus 에서 monaco(mac 기본 폰트)사용하기. (XP에서 안티알리아싱(Anti-Aliasing 설정)

Mac전용 폰트인 Monaco 폰트(dfont)를 트루타입(ttf)로 바꿔도, XP에서는 알리아싱(Aliasing)때문에 안이쁘게 보입니다.
그렇기 때문에 안티-알리아싱(Anti-Aliasing)을 설정을 해야 하는데..
Window + R 키를 눌러서 실행창을 띄운 후, regedit 을 명령해서 레지스트리 편집기를 엽니다.

XP에서 Anti-Alias 설정하는 RegEdit

HKEY_CURRENT_USER\Control Panel\Desktop 에서 FontSmoothing 항목의 값을 2로, FontSmoothingType 항목의 값을 1로 수정



HKEY_CURRENT_USER\Control Panel\Desktop 에서
FontSmoothing = > 2
FontSmoothingType => 1

로 수정 후 재부팅을 합니다.

그럼 적용된 화면을 보여드리겠습니다.
EditPlus에 Monaco / 10 으로 적용했습니다.

EditPlus에서 Monaco / 10 용모습

TextMate 만큼은 아니지만.. 그래도 귀엽지 않나요~? ㅎㅎ
크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

IE 7 에서 dt, dd 좌측여백이 생기는 문제  (2) 2007/12/27
JSSpec용 EditPlus ACP,STX 파일  (0) 2007/12/05
EditPlus 에서 monaco(mac 기본 폰트)사용하기. (XP에서 안티알리아싱(Anti-Aliasing 설정)  (3) 2007/10/01
[CSS] IE6 에서 CSS만으로(핵안쓰고) position:fixed 하기  (2) 2007/08/31
[JS] 정규식을 이용하여 ltrim, rtrim, trim 구현하기  (1) 2007/08/31
[JS] timestamp 를 date 형식으로 보여주기(as like php date())  (0) 2007/08/08
Posted by Johan Kim hiphapis
TAG alias, anti-alias, EditPlus, mac font, monaco, 안티 알리아스, 안티 알리아싱, 알리아스, 알리아싱, 폰트변경
Trackback 0 Comment 3

TRACKBACK http://hiphapis.net/trackback/74 관련글 쓰기

댓글을 달아 주세요

  1. Favicon of http://flutia.egloos.com BlogIcon flutia

    monaco 폰트가 이쁘고 생각보다 가독성이 좋은데, 코딩해놓고 보면 왠지 어지러운 느낌이 들어서 난 코딩할 때는 안쓰지.. ㅡ.ㅡ;

    하지만 다른 데서는 정말 이쁘더라. >.<;)b

    2007/10/01 15:04 [ ADDR : EDIT/ DEL : REPLY ]
    • Favicon of http://hiphapis.net BlogIcon 기다림

      나도 XP에 적용하고 난 후 처음에 산만한 느낌을 받았는데...;;
      지금은 조금 적응이 되었는지..눈에 익은듯 해 ㅎㅎ

      근데 Monaco는 역시 Mac에서...써야해 ㅡ,.ㅡ

      2007/10/01 15:25 [ ADDR : EDIT/ DEL ]
  2. Favicon of http://34wjdals.web44.net/ BlogIcon 고양이군요

    xp에서 트루 타입 보정을 줄때 부드러워 보이게 하는 또다른 방법이 있는데.
    배경화면에서 마우스 오른쪽버튼을 누른후~ 디스플레이 설정에서. 배경화면의 글꼴을 클리어 타입으로 바꾸어주는게 있었는데. 그걸 바꾸어주니 aptana나 에디터플러스에서 사용하는 폰트도 클리어 타입이 보정 되더라구요 ^_^..

    2011/11/14 11:04 [ ADDR : EDIT/ DEL : REPLY ]

웹[기술|표준|접근]/작은 팁2007/01/26 14:45

EditPlus v2.30 눈에 확띄는 업데이트 8가지

얼마전, EditPlus 의 버젼이 v2.30으로 업데이트 되었다.

필자같은 경우, 2.18인가..? 를 쓰다가..2.30으로 업데이트 한거여서..
그 사이에 어떤 업데이트가 일어났는지는 모르겠지만..
일단, 필자가 발견한 큰것 7가지를 적어보겠다.

  1. 코드 줄이기 기능
  2. XHTML 지원
  3. XHTML 클립텍스트 추가
  4. 읽기전용 파일 표시
  5. 브라우져 2로 보기
  6. 폰트 변경
  7. 현재 열려있는 파일을, 파일탐색창에서 이름변경해도 적용
  8. 저장시 줄끝 공백 제거

1. 코드 줄이기 기능
먼저 가장 반가운 기능중에 하나인 코드 줄이기 기능을 살펴보자
세팅방법은 보기 -> 코드 생략 -> 코드 생략 사용 을 체크해주면,
보기 -> 코드생략 -> 코드 생략 사용

EditPlus 코드생략기능 세팅하기


왼쪽 라인수 옆에 공백이 생기면서, 펼치고 접을 수 있는 버튼이 생긴다.
코드 생략 사용 모습

코드생략기능 사용모습이다.
이미지에도 나와있듯이, ul태그 및 각종 하위태그에도 먹는다.
그리고 PHP, JS, CSS, ASP, C, JAVA등 모든형식에 다 먹히지만..
사실, 태그나 대괄호{} 를 인식해서 먹히는게 아니다.
탭(Tab) 즉 \t 에 의한 코드생략기능이다.

탭간격에 의한 코드 생략 기능

위 이미지에서 보듯이 16번째 라인의 <div id="RightContent"> 를 원탭 넣어줬더니,
코드줄임버튼이 14Line으로 올라가버렸다.
아래든 js에서 대괄호{} 를 대상으로 한 테스트이다.
코드 생략 기능 탭 테스트

비록 코드를 이용한 코드생략기능이 아닌 탭(Tab) \t 에 대한 코드 생략기능이지만,
필자같이 탭간격을 칼같이 지키는걸 좋아하는 코더에게는 충분히 효력을 발휘하지 않을까 싶다.


2. XHTML 태그 사용
XHTML 태그를 기본적으로 지원하게 되었다.
도구 -> 기본설정 -> 일반 -> XHTML 태그사용

도구 -> 기본설정 선택후 일반메뉴를 클릭 그 중 XHTML 태그 사용을 체크하면 된다.
그럼 무엇이 달라졌는지 둘러보자.

우선, HTML 새파일을 만들기 했을경우 DTD선언이 틀리게 되고, 그에 맞게 HTML 마크업이 바뀐다.
XHTML 태그 사용후 HTML 새파일 만들기 비교
위에는 XHTML 사용 체크시의 모습이고, 아래는 체크해체시의 모습이다.

그리고, 또 다른것은 툴바선택시 입력되는 태그도 XHTML 문법에 맞게 바뀐것이다.
XHTML 태그 사용후 툴바클릭시 비교

툴바에 빨간색박스된 순서대로 클릭한 모습니다.

첫번째 DTD선언같은경우 EditPlus의 설치된 디렉토리 안에보면
  • templete.html
  • templetex.html
이런 파일들이 있는데, 이것들을 EditPlus에서 기본적으로 불러오는 것 이다.
템플릿 파일의 내용이나 경로는 유저 마음대로 수정할 수 있으므로 자기 입맛에 맛게 고치는것도 괜찮다.
(필자같은경우 구버젼에서 직접 템플릿파일을 작성하여서 사용하였는데, 버젼업되면서 두가지 골라쓸수 있게 되었다.)

두번째 툴바에서 선택되어 입력되는 태그같은경우도, EditPlus.com의 UserFile 에가서 toolbar 설정파일을 받아서 덮어씌우거나 수정하는게 가능했었다.

XHTML 패치는, 구 버젼에서는 유저가 직접했어야 하는걸, EditPlus 자체적으로 지원하게 된 경우다.

3.XHTML 클립텍스트 추가
구버젼의 경우, 유저가 직접 추가하여서 사용가능한것이었는데
이것또한 EditPlust에서 자체적으로 지원하게 된 경우다.
xHTML 클립텍스트


4.읽기전용 파일 표시
회사에서 서브버젼을 쓰는 필자로서는 반가운 기능중에 하나이다.
청록:수정가능,노랑:읽기전용,빨강:수정중,지구본:브라우져
  • Sample.html : 수정 가능한 파일
  • index.php : 읽기전용 파일
  • wing.html : 수정후 저장이 안된 파일
  • 소리바다 : 브라우져로 보기

5.브라우져2로 보기
보기메뉴에 보면 브라우져 2로 보기라는 항목이 신설되었는데.
보기 -> 브라우져2로 보기
이것을 클릭하면, 세팅된 브라우져 2로 보기가 된다.
세팅하는곳은 도구 -> 기본설정 -> 도구 이다.
도구 -> 기본설정 -> 도구

이곳에서 브라우저2 를 선택하면 된다.

요즘같이 크로스브라우징(CrosBrowsing)(여러 브라우져에서도 차별성없이 동일하게 보여지고 서비스 되는것)을 중요시하는 시대에, 딱 맞아 떨어진 업데이트라 볼 수 있겠다.

6. 폰트변경
마지막으로 폰트변경이 있다.
사실 폰트는 그대로 Couruer New, 9pt 이다. 하지만 이것은 편집윈도우의 글꼴이고
좌측 탐색기와, 파일목록등의 글꼴이 바꼇다.
안타깝게도 구버젼이 없고, 지웠다 다시 깔기도 귀찮고 해서..패스..ㅠ,.ㅠ



7. 파일이름변경 적용
말이 조금 어려운데..아래 이미지를 보면 바로 이해가 될 것 이다.
이름바꾸기



에디트플러스내의 좌측 파일탬색창에서 이름바꾸기를 선택해서 이름을 수정할경우인데..
이렇게 수정을 하면 현재열려있든 Js.js는 그대로 있고 파일목록창의 파일명만 변경이 되었었다.
이러한 문제때문에, 리네임한 파일을 다시 열어서 작업을 해야했는데
파일을 새로 열면 Ctrl - z 가 안된다는 아주 우울한 상황이 된다..ㅠ,.ㅠ
하지만 이번에 업데이트 되면서.
사용자 삽입 이미지
이처럼, 현재 열려져 있는 파일도 바뀌게 되었다.


8. 저장시 줄 끝 공백 제거
저장시 줄 끝 공백 제거

도구 -> 사용자 도구 구성 -> 파일종류선택후 -> 설정및 구문강조
자기가 원하는 파일만 골라서 체크를 해줘야 하는 번거로움이 있지만..
무척이나 유익한 기능이다.
필자같은경우, 줄 끝 공백제거럴 펑션키로 정의해서 썻는데..
이런기능은 정말 환영할만한 기능이 아닌가~?
크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

CSS Selector에 대해 알아봅시다~ [초급편]  (6) 2007/02/07
font-size: em을 처음쓰시는 분들을 위한 간단한 팁  (12) 2007/02/06
EditPlus v2.30 눈에 확띄는 업데이트 8가지  (4) 2007/01/26
FireFox 2.x 에서 Alt+S 즉, AccessKey가 안되는것 수정하기  (0) 2007/01/22
사용하는 FireFox Plug-in  (0) 2007/01/22
Ajax로 Select Box 비스무리하게 구현하기  (0) 2006/12/28
Posted by Johan Kim hiphapis
TAG EditPlus, 에디트플러스
Trackback 1 Comment 4

TRACKBACK http://hiphapis.net/trackback/11 관련글 쓰기

  1. 코드 생략 : EditPlus 2.30 의 새로워진 기능  삭제

    2007/02/03 23:23TRACKBACK FROM param.net

    에디트플러스 : http://editplus.co.kr/kr/index.html 에 새로운 기능이 생겼습니다.실제로 업데이트 된건 오래된 것 같은데 코드삭제 기능은 오늘 처음 본 것 같습니다.우선 그림을 보시죠..우선 이 기능은 Tab을 기반으로 합니다.화면에 보면 Row 오른쪽에 조그만하게 붙어 있는 +, - 표시가 있는데- 를 클릭하면 +로 바뀌면서 중간에 있던 내용을 안보이게 처리해 줍니다.if($a=='test'){ echo "";}가운데 e..

댓글을 달아 주세요

  1. Favicon of http://param.net BlogIcon param

    안녕하세요..
    설정해서 사용 중인 색상 설정이 참 마음에 드네요 =_+
    어떻게 배포해 주실 의향은 없으신지 ?

    2007/02/03 23:22 [ ADDR : EDIT/ DEL : REPLY ]
  2. Favicon of http://hiphapis.net BlogIcon 기다림

    배경색을 검정색으로 바꾼거 밖에 없어요 ㅎㅎ
    그리고, 눈에 안보이는 색깔은 약간 밝게 해준거죠..

    이 컬러셋파일을 집에서 그대로 덮어씌웠는데
    회사처럼은 안되더군요 ㅡ,.ㅡ;
    그래서 손으로 직접 수정해서 쓰고 있습니다.

    2007/02/05 12:15 [ ADDR : EDIT/ DEL : REPLY ]
  3. Favicon of http://seapy.com BlogIcon nakada

    근데 이올린 통해서 이 포스트를 들어오면
    존재하지 않는 페이지라고 뜨네요 이 페이지 링크가
    한글로 되서 그러나 - -a 본인 익스설정에 utf-8꺼져있는데
    그나저나 코드줄임 기능이 제일 눈에 들어오네요
    파이썬같이 탭으로 구분하는 언어에서 아주 유용하겠어요

    2007/02/05 17:58 [ ADDR : EDIT/ DEL : REPLY ]
  4. Favicon of http://hiphapis.net BlogIcon 기다림

    헛, 그런가요 확인해보겠습니다.

    2007/02/06 14:36 [ ADDR : EDIT/ DEL : REPLY ]