한 권으로 끝내는 Node & Express: 웹사이트 구축을 위한 서버 사이드 자바스크립트

118

한 권으로 끝내는 Node & Express

7.4.6.

파셜

여러 페이지에서 구성 요소(프론트엔드 쪽에서는 보통 ‘위젯’이라 부릅니다) 하나를 재사용할

때가 많을 겁니다. 이를 템플릿에서는 파셜

partial

을 통해 해결합니다(이런 이름이 붙은 이유는

뷰 전체 혹은 페이지 전체를 렌더링하는 게 아니기 때문입니다). 포틀랜드, 벤드, 맨저니터

2

의

현재 날씨를 표시하는 구성 요소가 필요하다고 합시다. 원하는 페이지에는 어디든 이 구성 요

소를 쉽게 재사용할 수 있도록 파셜을 써서 만들려고 합니다. 먼저 파셜 파일

views

/

partials

/

weather

.

handlebars

를 만듭시다.

<

div class

=

"

weatherWidget

">

{{#

each partials

.

weatherContext

.

locations

}}

<

div class

=

"

location

">

<

h3

>{{

name

}}</

h3

>

<

a href

=

"{{

forecastUrl

}}">

<

img src

=

"{{

iconUrl

}}"

alt

=

"{{

weather

}}">

{{

weather

}},

{{

temp

}}

</

a

>

</

div

>

{{/

each

}}

<

small

>

Source

:

<

a href

=

"

http

://

www

.

wunderground

.

com

">

Weather

Underground

</

a

></

small

>

</

div

>

이 예 ...