[외부 모듈] jade 모듈 (템플릿 엔진)

ejs와 마찬가지로 Node.js의 express에서 사용됨.

(꼭 express가 아니라도 일반 Node.js에서도 사용 가능)

역할은 템플릿 엔진

설치법

npm install jade

사용법이 ejs의 render()와는 다름

render()는 문자열을 리턴함

반면에 jade.compile()은 함수를 리턴함.

리턴받은 함수를 response에 매개변수로 전달해주면 됨.

기본 사용법

var http = require('http'); var fs = require('fs'); var jade = require('jade'); http.createServer(function(req, res){ fs.readFile('test.jade', 'utf8', function(err, data){ var fn = jade.compile(data); res.writeHead(200, {'Content-Type' : 'text/html'}); res.end(fn()); }); }).listen(3000, function(){ });

jade파일

들여쓰기가 중요하며, 계층구조를 가짐.

탭과 스페이스바를 혼용하면 에러 발생.

속성을 여러개 입력하려면 태그 뒤에 괄호를 쓰면 됨. 속성이 여러 개면 쉼표로 구분.

a(href="http://~~~~~", data-test="multiple Attribute") Go To Main Page

주석은 //

태그를 입력하지 않고 아이디만 입력하면 자동으로 div태그가 됨(이건 좀 편리할 것 같다)

script태그

script.

style태그

style.

특수 목적 기호

-코드 : 자바스크립트 코드

#{값} : 데이터 출력(한 라인의 중간에 데이터를 넣음)

=값 : 데이터 출력(한 라인 전체에 데이터를 넣음)

h1 #{name} h2 =str - for(var i = 0; i< 10; i++){     p         div#item - }