mygomii

[Node] #Express - 템플릿 엔진(2) (Jade) 본문

Node.js

[Node] #Express - 템플릿 엔진(2) (Jade)

mygomii 2018. 5. 29. 15:39
반응형

Jade에서 script코드를 쓸 수가 있습니다.
전에 만들었던 temp.jade 파일을 열어서 for을 작성해보겠습니다.


1
2
3
4
5
6
7
8
html
    head
        title='template'
    body
        h1 Hello Jade
        ul
            -for(var i=0; i<5; i++)
                li coding
cs

기존 for과 같지만 살짝 다르다는 것을 확인 할 수가있습니다.
for문 앞에 - 라는 게 있습니다.
Jade에서는 script문법을 쓰고 싶으면 - 이것을 사용해시면됩니다.
main.js를 실행하시면 



이렇게 결과가 나온것을 확인 할수있습니다.
다음으로
변수값을 줘서 시간을 나타내보겠습니다.


1
2
3
4
5
6
7
8
9
10
html
    head
        title='nimbleground'
    body
        h1 Hello Jade
        ul
            -for(var i=0; i<5; i++)
                    li coding
        div=time   //time은 변수
cs


time이라는 변수를 어떻게 사용하는지 보겠습니다.
main.js 파일로 돌아가셔서 


1
2
3
app.use('/template'function(req,res){
        res.render('temp' ,{time: Date()});
}); 
cs

res.render에 time:Date()를 주면 변수가 선언이 된것입니다.


이렇게 작성이 되면 됩니다.
main.js 실행을 시켜보겠습니다.




시간이 나온것을 확인할 수있습니다.

반응형