글쓴시간 2012/05/29 00:01

분류 기술,IT

Zen Coding

HTML/XHTML/XML 하드코딩시 반복되는 태그 입력을 줄여주기 위한 에디터 플러그인입니다. 젠 코딩 사이트에서는 .js 로 배포하구요, 이걸 각 에디터 개발자들이 js 엔진과 함께 포함시키는 형태로 만드네요.

div#page.header>(div.logo>{Click }+a{here}+{ to continue}.)+(ul#navigation>li#item$$*5>a)+(img[src="sample.gif" alt=""])

을

<div id="page" class="header">
 <div class="logo">Click
  <a href="">here</a> to continue
 </div>
 <ul id="navigation">
  <li id="item01"><a href=""></a></li>
  <li id="item02"><a href=""></a></li>
  <li id="item03"><a href=""></a></li>
  <li id="item04"><a href=""></a></li>
  <li id="item05"><a href=""></a></li>
 </ul>
 <img src="sample.gif" alt="" />
</div>

으로 만들어줍니다. Zen Coding 0.7 의 모든 기능을 저 한줄에 써 놨습니다.

Zen Coding 예