7. 익스프레스 (4) - 템플릿 엔진 : Pug 8

 

 

 

○ include

 

include를 이용하면 다른 Pug나 HTML 파일을 삽입할 수 있습니다. 헤더, 푸터, 내비게이션처럼 웹 페이지에서 공통되는 부분을 따로 관리할 수 있게 되죠. include 파일 경로 형태로 사용하는데, 아래 예제를 통해서 살펴보겠습니다. 

 

[HTML]

<header>
    <a href="/">Home</a>
    <a href="/about">About</a>
</header>
<main>
    <h1>메인 파일</h1>
    <p>다른 파일 include</p>
</main>
<footer>
    <div>푸터</div>
</footer>

 

 

[Pug]

// header.pug
header
    a(href='/') Home
    a(href='/about') About

// footer.pug
footer
    div 푸터입니다

//main.pug
include header
main
    h1 메인 파일
    p 다른 파일을 include할 수 있습니다.
include footer