한 권으로 끝내는 Node & Express(2판): 모던 웹을 위한 서버 사이드 자바스크립트의 모든 것

64

한 권으로 끝내는 Node & Express

3.3.3

뷰의 동적 콘텐츠

뷰는 정적

HTML

을 괜히 복잡한 방법으로 처리하라고 만든 것은 아닙니다(물론

HTML

이 바

뀌지 않아도 아무 문제는 없지만 ). 뷰의 진정한 가치는 동적인 정보를 포함할 수 있다는 겁니다.

어바웃 페이지에 일종의 ‘포춘 쿠키’를 표시한다고 합시다.

ch3

/

03

-

meadowlark

.

js

파일에 다

음과 같이 포춘 쿠키를 만듭니다.

const fortunes = [

“Conquer your fears or they will conquer you.”,

“Rivers need springs.”,

“Do not fear what you don’t know.”,

“You will have a pleasant surprise.”,

“Whenever possible, keep it simple.”,

]

포춘 쿠키를 표시하도록

/

views

/

about

.

handlebars

뷰를 다음과 같이 수정합니다.

<h1>About Meadowlark Travel</h1>

{{#if fortune}}

<p>Your fortune for the day:</p>

<blockquote>{{fortune}}</blockquote>

{{/if}}

마지막으로

/

about

라우트를 다음과 같이 수정합니다.

app.get(‘/about’, ...