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

121

7

장

-

핸들바를 사용한 템플릿

<

head

>

요소에 내용을 추가하고, 제이쿼리를 사용하는 스크립트를 추가해봅시다.

{{#

section

'

head

'}}

<!

--

we want Google to ignore this page

--

>

<

meta name

=

"

robots

"

content

=

"

noindex

">

{{/

section

}}

<

h1

>

Test Page

</

h1

>

<

p

>

We

'

re testing some jQuery stuff

.</

p

>

{{#

section

'

jquery

'}}

<

script

>

$('

document

').

ready

(

function

(){

$('

h1

').

html

('

jQuery Works

');

});

</

script

>

{{/

section

}}

이제 레이아웃(

main

.

handlebars

)에

{{{

body

}}}

를 넣었던 것과 마찬가지로 섹션을 넣을 수

있습니다.

<!

doctype html

>

<

html

>

<

head

>

<

title

>

Meadowlark Travel

</

title

>

{{{

_

sections

.

head

}}}

</

head

>

<

body

>

{{{

body

}}}

<

script src

=

"

http

://

code

.

jquery

.

com

/

jquery

-

2

.

0

.

2

.

min

.

js

"></

script

>

{{{

_

sections

.

jquery

}}}

</

body

>

</

html

>

7.4.8.

템플릿 완벽하게 만들