Hogan.js 템플릿 엔진

1 개요

Hogan.js

호건

• 트위터에서 개발한 자바스크립트 템플릿 엔진

2 예시

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/hogan.js/3.0.0/hogan.js"></script>
<script>
$(function() {
	var data = {
		bbs: "방명록",
		articles: [ 
			{ subject: "안녕하세요", user: "한놈" },
			{ subject: "다녀갑니다", user: "두시기" },
			{ subject: "hello", user: "석삼" },
		],
	};
	var template = Hogan.compile($('.guestbook').html());
	var output = template.render(data);
	$('.guestbook').html(output).show();
});
</script>

<div class="guestbook" style='display:none'>
	<h1>{{bbs}}</h1>
	<ul>
		{{#articles}}
		<li>{{subject}} - {{user}}</li>
		{{/articles}}
	</ul>
</div>

3 같이 보기

• Mustache.js
• 리눅스 express

4 참고

• http://twitter.github.io/hogan.js/