Monthly Archives: June 2008

Aptana에 TextMate의 Wrap Selection, Wrap Selection Each Line 기능 추가하기

TextMate의 강력한 기능 중 하나인 HTMLWrap Selection, Wrap Selection Each Line 기능을
Aptana에 추가하는 방법을 소개한다.

기능 소개

Wrap Selection, Wrap Selection Each Line은 리스트 마크업 – <ul>, <ol> – 을
작성할 수 있게 해주는 TextMate의 기능이다.
텍스트를 복사해넣은 후 각 줄의 시작과 끝에 <li> 태그를 넣는 수고를 크게 덜어주는 편리한 기능이다.

Aptana에 기능 추가

  1. 운영체제에 맞는 스크립트 압축파일을 다운로드 받는다.

  2. scripts 혹은 monkey라는 이름으로
    존재하는 프로젝트 중 하나의 최상위에 폴더를 만들고 다운 받은 스크립트 파일들을 이동시킨다.

기능 시험해보기

맥의 경우 Command + Ctrl + W 키 조합이 선택한 텍스트 전체를 하나의 태그로 감싸는 기능이고,
Command + Ctrl + Shift + W 키 조합이 선택한 텍스트의 각 줄을 지정한 태그로 감싸는 기능이다.
맥이 아닐 경우 Command 키 대신 Alt 키를 조합하면 된다.


  1. 몇 줄의 텍스트를 준비한다.


  2. Command(or Alt) + Ctrl + Shift + W 키 – Wrap Selection Each Line – 를 누른다.


  3. 기본으로 설정되어 있는 li 태그를 확인 후 엔터를 누른 후 각 줄이 li 태그로 쌓인 것을 확인


  4. Command(or Alt) + Ctrl + W 키 – Wrap Selection – 를 누른다.


  5. 기본으로 설정되어 있는 ul 태그를 확인 후 엔터를 누른 후 전체가 ul 태그로 쌓인 것을 확인

스크립트 추가하기

Aptana를 좀 더 강력하게 해주는 Eclipse Monkey Script는 간단하게 작성하고 추가할 수 있다. Aptana 홈페이지의 Eclipse Monkey 관련 페이지 혹은 필자가 작성한 스크립트를 보면
자바 스크립트를 조금 다뤄본 사람이면 어렵지 않게 자신이 원하는 기능을 추가할 수 있을 것이다.

파이어폭스 3.1의 CSS 지원 향상

파이어폭스 3의 공개가 6월 17일로 확정되고 다운로드 수 기네스에 도전하고 있다.
주소 표시줄 자동완성 기능, 페이지 줌 기능 등 막강한 사용자 편의 기능으로 무장하고 있는
파이어폭스 3이지만, CSS 지원 향상은 사파리,
오페라와 비교해보았을 때 조금 부족한 느낌이 강하게 들었다.
그런데 파이어폭스 3.1은 그런 실망감을 꽤 삭혀줄 것 같다.

파이어폭스 3.1의 CSS 지원

2008년 안에 출시될 것으로 알려진 파이어폭스 3.1
앞서 언급한 CSS 지원의 아쉬움을 많이 해결해줄 것임을 약속하고 있다.
모질라의 Platform/Post1.9Planning 문서를 보면
파이어폭스 3.1에서 새로 지원할 웹 표준 기술들 – 문서 내 1.9.next – 에 대해 정리되어 있는데 아쉬웠던 것들 중 상당수에 대해 지원할 것임을 명시하고 있다.

Downloadable Web Fonts
(@font-face)

드디어 파이어폭스에도 웹 폰트를 사용할 수 있게 된다. 웹 폰트 지원을 제일 먼저 주장했던 오페라는 아직도 소식이 없는 게 이상하지만, 10에는 추가되지 않을까?
드디어 IE에는 EOT,
나머지에는 TTF로 쓸 데 없는 img 요소를 제거할 날이 온 걸까?
IE의 알리아싱 관련 문제가 걸림돌이겠지만…

text-shadow

text-shadow는 웹 폰트 없이 우리나라의 웹 사이트들에는 별로 유용한 속성은 아니지만…
지금은 사용할 수 없겠지만… – IE, IE, IE…!! 아무튼 IE만 남게 되었다. – 난 이게 큰 의미를 가진다고 생각한다.

@media queries

자바스크립트 없이 CSS가 사용자들을 조금 더 구체적으로 파악할 수 있게 해주는
@media queries도 이제 IE만 남았다.

그 다음, 파이어폭스 4는?

파이어폭스 4 – 모질라 2 – 에는 Webkit이 제안한
CSS Animations and Transition,
calculated values가 예고되고 있다. 현재 자바스크립트와 DOM이 복잡하게 지지고 볶고 있는
RIA 어플리케이션이 좀 더 간단해지고 완성도 높아지고 고품격이 될 수 있다는 것이다!!

그 밖에…


HTML5
audiovideo 요소,
SVG fonts -
background-image에 사용될 수 있어야 크게 와닿을 것이라고 생각되는데 그게 빠졌다! – 등
많은 유용한 향상이 예고되고 있다. Multiple Backgrounds의 언급이 없는 것은 꽤나 아쉬운 부분이지만…

참고 문서