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

117

7

장

-

핸들바를 사용한 템플릿

7.4.5.

익스프레스에서 레이아웃 사용 결정하기

페이지 대부분에서 같은 레이아웃을 쓸 테니 뷰를 렌더링할 때마다 레이아웃을 지정하는 건 상

식적이지 않습니다. 앞에서 뷰 엔진을 생성할 때 우리는 기본 레이아웃 이름을 지정했습니다.

var handlebars

=

require

('

express

-

handlebars

')

.

create

({

defaultLayout

:

'

main

'

});

기본적으로 익스프레스는

views

서브디렉터리에서 뷰를 찾고, 레이아웃은

views

/

layouts

서브

디렉터리에서 찾습니다. 즉

views

/

foo

.

handlebars

라는 뷰가 있다면 다음과 같이 렌더링합니

다.

app

.

get

('/

foo

',

function

(

req

,

res

){

res

.

render

('

foo

');

});

위 예제는 레이아웃으로

views

/

layouts

/

main

.

handlebars

를 사용합니다. 레이아웃을 전혀 쓰

지 않는다면(뷰에 템플릿이 모두 들어 있어야 합니다) 콘텍스트 객체에

layout

:

null

을 넘깁

니다.

app

.

get

('/

foo

',

function

(

req

,

res

){

res

.

render

('

foo

');

});

다른 템플릿을 쓰려면 해당 템플릿 이름을 지정하면 됩니다.

app

.

get

('/

foo

',

function

(

req

,

res

){

res ...