본문 바로가기

프로그래밍 이야기

HTML을 위한 Zen-coding



HTML을 만지는 작업은 (특히 프로그래머에게는) 곤혹스러운 작업입니다. 하지만 요즘 추세에 피해갈 수는 없고요. HTML/CSS 작업을 정말 편리하게 할 수 있게 해주는 Zen-coding을 소개할까 합니다.

위의 화면은 emacs에서 Zen-coding mode를 써서 html 코딩을 하는 장면입니다. 맨 위와 같이 뎁쓰별로 명령어들을 써주면 아래와 같이 html 코드가 펼쳐지게 됩니다. html이나 sgml, xml 등을 좀 만져보신 분들을 이것만 봐도 대충 감이 오실 겁니다.

먼저 아래의 비디오를 보시면 좀 더 이해가 쉬울 것 같습니다.

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

현재 Zen-coding이 구현된 에디터는 TextMate, Notepad++, Espresso, UltraEdit, BBEdit, Visual Studio등이고요, emacs에는 절반 정도 구현이 되어 있습니다.

하지만, emacs에는  YASnippet와 같은 코드 조각 생성툴들을 함께 써주면 오히려 더 유연하고 편리하게 사용할 수 있습니다.

320x100