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

134

한 권으로 끝내는 Node & Express

7.4.5

익스프레스에서 레이아웃 사용

대부분의 페이지가 같은 레이아웃을 사용할 때가 많으니, 뷰를 렌더링할 때마다 레이아웃을 지

정하려면 매우 불편합니다. 따라서 뷰 엔진을 생성할 때 다음과 같이 기본 레이아웃의 이름을

정합니다.

app.engine(‘handlebars’, expressHandlebars({

defaultLayout: ‘main’,

})

익스프레스는 기본적으로

views

서브디렉터리에서 뷰를 검색하고,

views

/

layouts

에서 레

이아웃을 검색합니다. 따라서

views

/

foo

.

handlebars

라는 뷰가 있다면 다음과 같이 사용합

니다.

app.get(‘/foo’, (req, res) => res.render(‘foo’))

이 뷰는

views

/

layouts

/

main

.

handlebars

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

사용하지 않으려면 다음과 같이 콘텍스트 객체에

layout

:

null

을 전달합니다(이렇게 하려면

뷰 안에 템플릿이 전부 들어 있어야 합니다 ).

app.get(‘/foo’, (req, res) => res.render(‘foo’, { layout: null }))

main

이 아닌 다른 레이아웃을 사용하려면 다음과 같이 레이아웃 이름을 지정합니다.

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