이제 addressList에 <table>의 <tbody> 안에 주소록 데이터를 목록으로 표현할 수 있다.

~/Projects/addressBook/client/addressList.html

...생략...

 

<tbody>

<!--표 본문-->

{{#each list}}

    <tr>

        <td>{{name}}</td>

        <td>{{phone}}</td>

        <td>{{email}}</td>

        <td>{{company}}</td>

        <td>{{birthday}}</td>

    </tr>

{{/each}}

</tbody>

 

...생략...

---

우선 {{#each list}} ... {{/each}} 구문을 살펴보자. each는 블록 헬퍼(block helper)라고 하며, list 배열의 개수만큼 블록 안의 내용을 반복한다.

또한, 블록 안의 {{email}}, {{name}} 헬퍼는 표현식 헬퍼(expression)로 객체의 키에 해당하는 값이나, 템플릿 매니저 중에서 템플릿 헬퍼의 이름이 email인 메서드의 반환값을 표현할 때 사용한다. {{email}} 표현식 헬퍼는 each 블록 헬퍼에서 반복되는 list 배열의 객체 안에서 키가 email인 값을 출력한다. 이는 앞서 우리가 등록한 fixtures 배열의 오브젝트에 있는 키와 일치한다.

미티어 템플릿 언어인 Spacebars는 26장 템플릿 언어 스페이스바에서 자세히 다룬다.