더북(TheBook)

6.1 하위 템플릿으로 분리하기

첫 번째로 addressList 템플릿을 하위 템플릿으로 분리한다. table#each 반복 안의 tr을 하위 템플릿으로 만들어 보자.

#each 구문 안에서 {{> addressListItem}}처럼 삽입하는 형태로 작성한다. addressListItemtr을 표현하는 하위 템플릿이 되겠다. <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>

...생략...


신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.