jade 모듈도 ejs 모듈과 같이 템플릿 엔진 모듈입니다.
인스톨
npm install jade
jede 모듈 추출
var jade = require('jade');
jade 페이지를 HTML 페이지로 변환
jade 페이지를 HTML 페이지로 변환할 때에는 ejs 모듈의 render() 메소드와 다르게 문자열을 리턴하는 것이 아니라 함수를 리턴합니다.
jade 모듈 메소드
compile(string) - jade 문자열을 HTML 문자열로 바꿀 수 있는 함수를 생성합니다.
- // 모듈을 추출합니다.
- var http = require('http');
- var jade = require('jade');
- var fs = require('fs');
- // 서버를 생성하고 실행합니다.
- http.createServer(function (request, response) {
- // jadePage.jade 파일을 읽습니다.
- fs.readFile('jadePage.1.jade', 'utf8', function (error, data) {
- // jade 모듈을 사용합니다.
- var fn = jade.compile(data);
- // 출력합니다.
- response.writeHead(200, { 'Content-Type': 'text/html' });
- response.end(fn());
- });
- }).listen(52273, function () {
- console.log('Server Running at http://127.0.0.1:52273');
- });
jade (jadePage.1.jade)기본 형식 - 계층 구조 형성
- html
- head
- title Index Page
- body
- // JADE String
- h1 Hello had .. !
- h2 Lorem ipsum
- hr
- a (href="http://nolran.tistory.com", data-test="multiple Attribute") Go To Hanbit Media
이런 jade 파일이 HTML 형태로 변경이 됩니다.
'Dev Web > Node.js' 카테고리의 다른 글
[Node.js] express 프레임워크 (0) | 2013.09.24 |
---|---|
[Node.js] express 모듈 (0) | 2013.09.24 |
[Node.js] ejs 외부 모듈 (0) | 2013.09.24 |
[Node.js] 기본 내장 모듈 (0) | 2013.09.24 |
[Node.js] Node.js 샘플 애플리케이션 (0) | 2013.09.24 |