4.1 주소록 목록 뷰 작성하기
main.html은 우리가 사용하는 애플리케이션의 메인 화면이다(meteor create addressBook 명령으로 자동 생성된 파일). <html> 태그도 없는 불완전한 HTML 문서지만 신경 쓰지 않아도 된다. 미티어는 빌드할 때 HTML에 필요한 나머지 부분을 알아서 채운 후 클라이언트가 접속할 때 전송해준다. 따라서, 우리는 <head>와 <body> 안에만 코드를 작성하면 된다. 자동 생성된 main.html, main.js 파일의 내용은 모두 삭제하고 다음과 같이 작성한다.
~/Projects/addressBook/client/main.html
<head>
<title>Address Book</title>
</head>
<body>
{{> addressList}}
</body>
main.html의 {{> addressList}} 태그는 addressList 템플릿이 들어갈 자리라는 표현이다. 이것은 스페이스바(Spacebars)라는 미티어 템플릿 언어의 문법 중 삽입(inclusion) 선언이다.
노트 미티어는 HTML 템플릿 문법으로 스페이스바를 사용하여 뷰를 작성한다. 모든 뷰는 <template> 태그 아래에 작성되며, 작성된 HTML을 DOM에 렌더링하는 부분은 블레이즈(Blaze) 템플릿 엔진을 사용한다. 블레이즈 엔진은 스페이스바에서 사용할 데이터를 제공한다. 또한, DOM에서 발생한 이벤트도 관리한다.
스페이스바와 미티어 템플릿에 대한 내용은 26장 템플릿 언어 스페이스바, 27장 미티어 템플릿의 이해에서 살펴보기로 하자.