[node.js] pug

pug

pug는 node.js에서 가장 많이 사용되는 템플릿 엔진으로 문법이 상당히 깔끔하다.

pug 패키지 설치

npm install pug

예시

html 
  head 
    link(rel="stylesheet" href="/public/index.css")  
  body 
    h1 User profile page 
    h2.gold NickNname 
    div.green.big= nickname

다음과 같은 형식으로 pug를 통해 html 템플릿을 구현할 수 있다.
일반적인 html과 마찬가지로 link를 통해 css를 적용할 수 있다.

.뒤의 인자가 클래스명이 된다.

app.set('views', 'src/views')
app.set('view engine', 'pug') 

set 함수를 통해서 pug를 node.js와 연결해줄 수 있고

 res.render('index', {
    message: 'Hello, pug!', 
  })

render 함수를 통해서 렌더링을 할 수 있다.
node.js에서 사용하던 변수를 넘겨주려면 위의 예제와 같이
"변수명:" 의 방식으로 넘겨줄 수 있다.