본문 바로가기
Back_end/node.js

node.js) nunjucks - iclude (html 코드 재사용)

by nomfang 2021. 4. 27.
728x90
반응형

html 하나를 2개의 .html파일에 나누어 적고
다른 html 파일들에서 nunjucks로 두 파일을 불러와서
내용만 작성하는 방식 (layout을 매번 작성하는 수고를 덜어줌, 수정이 용이하다)


// top.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

// bottom.html

<script type="text/javascript">

</script>
</body>
</html>


// write.html

{% include "../layout/top.html" %}  // inclued "파일 경로"

    // write 
    write   <br>  

    <form action="/board/write" method="post">
        <input type="text" name="subject">
        <input type="submit" value="확인">
    </form>

{% include "../layout/bottom.html" %}
반응형

'Back_end > node.js' 카테고리의 다른 글

node.js) static 메소드와 상속  (0) 2021.05.04
node.js) const { } = require()  (0) 2021.05.04
node.js) 미들웨어 기초 및 사용  (0) 2021.04.27
node.js) redirect()  (0) 2021.04.25
node.js) nunjucks로 html 다루기 (feat.날짜)  (0) 2021.04.22

댓글