Handlebars.js 치트시트 (로직리스 템플릿 엔진)

Handlebars.js는 뷰 템플릿 내에 복잡한 비즈니스 로직을 배제하고 깔끔한 의미론적 마크업을 생성하는 Mustache 기반 템플릿 엔진입니다.

표현식 보간 및 기본 내장 블록 헬퍼

<p>{{firstname}} {{lastname}}</p>
<p>{{{rawHtmlContent}}}</p>

{{#if isActive}}
  <span class="active">Active</span>
{{else}}
  <span class="inactive">Inactive</span>
{{/if}}

{{#each items}}
  <li>{{this}}</li>
{{/each}}

{{#with author}}
  <h2>By {{name}}</h2>
{{/with}}

---

커스텀 헬퍼 (Custom Helpers)

Handlebars.registerHelper('fullName', function (person) {
  return person.firstName + ' ' + person.lastName;
});

<p>{{fullName user}}</p>

---

관련 치트시트

• Ember.js
• Pug