더북(TheBook)

4.2 주소록 템플릿 헬퍼 구현하기

블록 헬퍼의 내용을 작성했으면 이제 <template name=“addressList”> 템플릿 매니저 중 list 배열을 반환하는 템플릿 헬퍼(Template helper)를 작성해보자.

노트 미티어는 빌드 시 프로젝트 폴더 안의 HTML 파일들을 읽어 들여 컴파일한다. 이때 <template name= “addressList”>와 같은 태그를 발견하면 태그 블록 안의 HTML을 읽어 들여 자바스크립트 오브젝트로 변환, 생성한다. 이 오브젝트가 브라우저에서 동작하는 블레이즈 오브젝트다. 블레이즈 오브젝트 하위 요소인 Template 오브젝트로 HTML을 제어한다.

<template name=“addressList”> 안에 우리가 작성한 HTML 오브젝트를 제어하기 위하여 Template.addressList.helper, Template.addressList.events 등의 하위 요소를 구현하여 우리가 작성한 HTML 템플릿을 제어할 수 있다. 예제를 구현하면서 차차 익혀보자.

 

addressList.js라는 파일에 다음처럼 코드를 작성하자.

~/Projects/addressBook/client/addressList.js

Template.addressList.helpers({
    list:[
        {
            “name”: “홍길동”,
            “phone”: “010-1234-5678”,
            “email”: “hkd@mail.com”,
            “company”: “길벗출판사”,
            “birthday”: “1974/01/11”
        },
        {
            “name”: “김길동”,
            “phone”: “010-9876-5432”,
            “email”: “kkd@mail.com”,
            “company”: “미티어스쿨”,
            “birthday”: “1975/07/07”
        }
    ]
});

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