Jade(Pug) 문법#1

줄바꿈을 하면 태그가 바뀌는 것을 의미한다.

1. Jade(Pug) 코드 내에서 프로그래밍을 제어하는 동적인 코드 JavaScript를 넣을 때는 소스코드 앞에 '-'를 붙여준다. Jade(Pug)의 약속이다.

2. '=' : 변수 설정 변수를 사용하는 express 프레임워크에서 Jade(Pug)에 시간을 넣어준다. render( , )의 2번째 인자로 'time'이라는 변수에 넣어줄 것을 지정해준다.

res.render('temp',{time:'hello'});

• 템플릿 엔진 사용법 요약 정리 1. 템플릿 엔진의 pug를 사용하기 위해 npm install pug --save 2. 설치된 pug와 템플릿 엔진을 연결하기 위한 설정 app.set('view engine','pug'); app.set('views','./views'); 3. 라우터 설정 및 변수 설정과 데이터 전달 app.get('/template', (req,res)=>{ res.render('temp',{time:Date(), _title:'Jade'}); });