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" } ] });