node.js 에서 jquery 사용 (express-jsdom)

jade 나 ejs 도 훌륭한 템플릿 툴이지만
확장자가 html 이 아니라서 에디터에서 syntax highlighting 이라던가 auto-complete 들이 지원이 안되는 단점이 있고
프로그래머가 아닌 디자이너나 기획자들과 공유가 어렵기 때문에
dom 을 접근하는 것보다 jQuery 를 활요한 css selector 접근을 통해 갈아끼우는 방식을 선호한다.
  1. var express = require('express'),
  2.     app = express.createServer(),
  3.     dom = require('./express-jsdom')(app);
  4.  
  5. dom.use('jquery');
  6. dom.get('/home/:id', dom.parse('/home'), function($) {
  7.     $("title").text(this.req.params.id+"'s room");
  8. });
  9.  
  10. dom.get('/hello', function($) {
  11.     $('body').append('<h1>Hello world</h1>');
  12. });
  13.  
  14. if (!module.parent) {
  15.   app.listen(3000);
  16. }
$ 를 인자로 넘겨주는 부분을 주목할 필요가 있다.
6~8 라인처럼 인자를 받을 필요가 있을땐 this.req.params.<인자> 를 받으면 된다.
app.get 하고 별로 다르지 않다.

덧글

  • 나필립 2011/06/23 14:24 # 삭제 답글

    http://pastie.org/2109663
    몽고디비 REST 와 붙인 소스를 조심스레 남겨 봅니다.
    res.defer 를 사용하지 않으면 모든 콜백은 밀고 내려가 버리네요.
    스펙님 캄솨~
댓글 입력 영역