[Node.js] nunjucks (2023.07.12)

nunjucks

템플릿 엔진의 하나

HTML은 정적인 언어로 Javascript의 동적인 연산들을 HTML으로 처리하기에 불편함

템플릿 엔진은 자바스크립트를 사용해서 HTML의 렌더링을 돕는 일종의 도구

 

nunjucks 설치

npm install nunjucks

 

nunjucks 환경 설정

 

const express = require('express')
const nunjucks = require('nunjucks')
const app = express()

//view는 indexRouter에서 사용하므로 위쪽에서 작성해야 함 
app.set('views', __dirname+'/views')
app.set('view engine', 'html')

nunjucks.configure('views', {
    express : app,
    watch : true
})

app.set('port', process.env.PORT||8888)
app.listen(app.get('port'), ()=>{
    console.log(app.get('port'), '번 포트에서 서버 연결 대기중...');
})

 

 

nunjucks 문법 (반복문)

 

        {%for room in rooms%}
        <tr>
            <td>{{room.title}}</td>
            <td>{{room.roomid}}</td>
        </tr>
        {%endfor%}