6.1 하위 템플릿으로 분리하기
첫 번째로 addressList 템플릿을 하위 템플릿으로 분리한다. table의 #each 반복 안의 tr을 하위 템플릿으로 만들어 보자.
#each 구문 안에서 {{> addressListItem}}처럼 삽입하는 형태로 작성한다. addressListItem이 tr을 표현하는 하위 템플릿이 되겠다. <tr> 생성 코드를 다음처럼 분리하여 addressListItem이라는 이름의 템플릿을 신규로 생성한다.
addressListItem 템플릿은 addressList.html 파일 안에 작성한다.
~/Projects/addressBook/client/addressList.html
...생략...
<template name="addressListItem">
<!-- addressList 템플릿의 tr 코드를 복사하여 붙였다 -->
<tr>
<td>{{name}}</td>
<td>{{phone}}</td>
<td>{{email}}</td>
<td>{{company}}</td>
<td>{{birthday}}</td>
<td><button class="btn btn-warning btn-sm" name="remove">
<i class="glyphicon glyphicon-trash"></i> 삭제</button>
</td>
</tr>
</template>
...생략...