Rev. 2.73

Zen Coding은 HTML과 CSS 코드를 효율적으로 작성할 수 있게하는 소스 편집기용 플러그인입니다. Aptana, TextMate, Coda 그리고 Espresso 등에 설치할 수 있으며 DOM Selector 문법으로 HTML을 손쉽게 작성할 수 있습니다. 위 동영상은 Zen Coding을 이용한 코딩 방법을 소개하고 있습니다.

Aptana에 적용하는 방법은 매우 간단합니다. 우선 Aptana용 Zen Coding을 다운로드합니다. 그리고 Aptana에서 새 프로젝트를 추가하고 "scripts"라는 폴더를 생성한 다음 다운로드한 압축파일을 풀어놓으면 설치가 완료됩니다. Aptana의 "Scripts" 메뉴에 "Zen Coding"항목이 보이면 정상적으로 설치된 것입니다. 기본으로 단축키가 Alt + E키로 바인딩되어 있는데 윈도 버전에서는 작동하지 않습니다. "scripts" 폴더의 "Expand Abbreviation.js"파일을 열고 주석 안의 "M1+E"를 "M1+M3+E"로 수정합니다. M1은 Alt, M3는 Ctrl키를 의미합니다. 이제 새로운 HTML파일을 생성하고 "html:4t"라고 작성한 후 Ctrl + Alt + E키를 눌러보세요. "scripts"폴더는 기존 프로젝트의 하위 폴더로 이동해도 무방합니다.

HTML Selectors 문서에서 명령어들을 숙지할 수 있으며 PDF로 만들어진 치트시트도 제공하고 있습니다. Zen Coding이 출시된 것은 벌써 알고 있었지만 지금에서야 사용해 보았네요. 생각보다 유용하게 사용할 수 있을 것 같더군요. 익숙해지면 코딩 퍼포먼스를 완전히 차별화 할 수 있겠습니다.

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar