javascript template 구조화에 대하여 궁금합니다.

Question

레식옹의 http://ejohn.org/blog/javascript-micro-templating/ 때문에 그런지 자바스크립트 템플릿 엔진이 많이 나왔더군요. 전 http://icanhazjs.com/을 사용할까 고려중인데요. 대개 템플릿 파일을 다음과 같이 구성하더라구여.

<script id="user" type="text/html">
  <li>
    <p class="name">Hello I'm {{ name }}</p>
    <p><a href="http://twitter.com/{{ twitter }}">@{{ twitter }}</a></p>
  </li>
</script>

아니면 문자열으로 처리하는 듯 한데요.

간단한 템플릿들은 저렇게 처리해도 되지만, 필요할때마다 템플릿을 로딩하고 싶다거나 할때는 어떻게 하면 좋을까요? 필요할때마다 ajax으로 template 파일을 받아서 dom에 <script type="text/html"></script>을 추가하는 식이 적절한지 궁금합니다. json이 편하지만 문자열로 템플릿 만드는 것이 고역일듯 하긴 합니다.;ㅁ; (흑. 이거 밖에 생각이 안나더라구요. ;ㅁ;) 제가 frontend쪽이 능하지 못해서 우문을 드려서 좀 죄송합니다. T_T 읽어주셔서 감사합니다. :-)

Answer 1

저도 템플릿은 별로 써본적은 없는데

이런 것들은 어떠신지요? 보기에는 제법 괜찮아 보이고 pure는 잘 모르지만 mustache는 꽤 많이 거론되기도 하는데요. 코드자체는 변수로 템플릿 만들어놓고 json을 할당만 하면되서 편할것 같은데요.(제가 왠지 script태그로 템플릿을 만드는게 별로 좋은건지 아직 잘 모르겠어서요 ㅎ)

Answer 2

1	ServerSide를 거치지 않는 단순 Static 페이지에 대해서 Template 엔진을 쓰고 싶으시다면... Embedded JavaScript(http://embeddedjs.com/)도 나쁘지 않은것 같아요. Minify 해서 약 9kb정도 되니 용량에 큰 부담도 없어 보여요. (http://toolbar.daum.net 에 적용되어 있습니다.) answered Feb 13 '11 at 16:20 kyungw00k 11●1

Answer 3

template 문자열 자체에 대해서 질문하신거 같은데요.. 그냥 제 경험을 얘기하자면 저는 Trim-Path 써왔는데요.. Template 를 html로 만들어 두고 배포시에 Grooby 를 사용해서 js 변수에 할당하는 스크립트를 만들어서 썼었습니다..

배포 스크립트를 Ant 나 Python 같은것을 사용해서 js 변수 할당부분을 처리하시면 어떠실런지요..?

javascript template 구조화에 대하여 궁금합니다.

구독:

관련 질문