Node.js template engine 사용하기(nunjucks)

 

- template engine 이란

 

HTML은 정적인 언어입니다. Javascript의 동적인 연산들을

HTML로 처리하려면 일일이 써야하는 불편함이 있습니다.

 

템플릿 엔진은 Javascript를 사용하여 HTML의 랜더링을 돕는

일종의 도구입니다.

 

많이 쓰이는 템플릿 엔진은 ejs,pug,nunjucks 입니다.

ejs를 많이쓰지만 초보자에게 적합한것은 nunjucks이라

nunjucks에대해 알아보겠습니다.

 

사용하기전에 설치를 해야겠죠?

1. [ npm init -y ]

-> pacakge.json을 생성하는 명령어입니다.

-> 새로운 프로젝트 혹은 패키지를 만들때 사용합니다.

 

2. [ npm install nunjucks ]

-> nunjucks를 설치합니다

--> 어차피 express도 설치해야하니 동시에 명령어 입력도 가능합니다

-> [ npm install nunjucks express ]

 

require로 모듈을 불러옵니다.

 

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

app.set("view engine","html")  --> A

nunjucks.configure("폴더명",{express : app})  --> C

app.get("/",(req,res)=>{
	res.render("index"); ---> B
})


app.listen(3000,()=>{
	console.log("Server start")
})

 

 

-> A(확장자 디폴트값 설정) , res.render(B부분)에 "index" 를 "index.html"로 변환해줍니다.

 

-> C(nunjucks.cofigure) 를 통해 적용할 html 페이지의 위치를 지정할수있습니다.

-> 해당위치 하위의 파일은 전부 nunjucks가 적용되어 활용 가능합니다.

-> express : app는 사용할 주체입니다

 

 

---

 

웹서버 구축에 있어 express는 정말 편한 모듈입니다.

그만큼 초기 설정하는것에 익숙해져야 할것같습니다.

이후에는 res.render와 res.redirect를 통해

화면이동하며 값을 전달하며 표출하는것이니

많이 써보며 익숙해지면 좋을것같습니다