'jade'에 해당되는 글 1건

  1. 2013.09.24 [Node.js] jade 외부 모듈
Dev Web/Node.js2013. 9. 24. 11:39

jade 모듈도 ejs 모듈과 같이 템플릿 엔진 모듈입니다.

인스톨

npm install jade


jede 모듈 추출

var jade = require('jade');


jade 페이지를 HTML 페이지로 변환

jade 페이지를 HTML 페이지로 변환할 때에는 ejs 모듈의 render() 메소드와 다르게 문자열을 리턴하는 것이 아니라 함수를 리턴합니다.

jade 모듈 메소드

compile(string) - jade 문자열을 HTML 문자열로 바꿀 수 있는 함수를 생성합니다.


  1. // 모듈을 추출합니다.  
  2. var http = require('http');  
  3. var jade = require('jade');  
  4. var fs = require('fs');  
  5.   
  6. // 서버를 생성하고 실행합니다.  
  7. http.createServer(function (request, response) {  
  8.     // jadePage.jade 파일을 읽습니다.  
  9.     fs.readFile('jadePage.1.jade''utf8'function (error, data) {  
  10.         // jade 모듈을 사용합니다.  
  11.         var fn = jade.compile(data);  
  12.   
  13.         // 출력합니다.  
  14.         response.writeHead(200, { 'Content-Type''text/html' });  
  15.         response.end(fn());  
  16.     });  
  17. }).listen(52273, function () {  
  18.     console.log('Server Running at http://127.0.0.1:52273');  
  19. });  

jade (jadePage.1.jade)기본 형식 - 계층 구조 형성

  1. html  
  2.     head  
  3.         title Index Page  
  4.     body  
  5.         // JADE String  
  6.         h1 Hello had .. !  
  7.         h2 Lorem ipsum  
  8.         hr  
  9.         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
Posted by 놀란