somewhere…

one years ago…

PHP 개발 (in my opinion)

- Easy to learn and use

- First 5 pages for 5 hours

(exclude design works)

My personal dev era...

Java기반 웹 개발로 전환...

My personal dev era...

I need...

My personal dev era...

여기에는 사실...

Front-end 기술들은 제외하고!

우리의 관심을 분산시키는

이런저런 기술들도 제외하고!

???

???

??? ???

???

???

???

???

???

???

???

??? ???

???

그리고도 VVMM (...)

???

???

We are here

IT Universe

Java 기반 웹 개발 (in my opinion)

My personal dev era...

- NOT easy to learn and use

- First 5 pages for 50 hours !!

No Pain,

No Gains !

Someone says…

No!!! No More Pain!!

잠깐! 그런데,

우리가 지금

뭘 하고 싶은 거죠?

WEB Developing

one tool dummy!

발표자소개

채수원 SUWON, CHAE

- NHN Open Publishing Team, nFORGE Dev.

- node.js community octoberskyjs leader

- blog.doortts.com

- twitter.com/doortts

- 개발자 노트란 무엇인가?

- 개발자 노트의 아키텍처

- 왜 node.js를 선택했는가?

- 생산성과 효용은?

- 문제와 선택들!

- node.js를 이용한 웹 개발에 대한 Lessons Learned

- Tips

- Q&A

helloworld 세미나에서 다룬 내용은 조금 생략합니다.

^^;

- node.js 창발의 순간

- node.js는 무엇인가?

- node.js을 시작하게 된 계기

- node.js 기본 문법

- 외국 사례

- 성능 (Benchmarks)

등등..

왜냐하면

이것 말고도 이야기 해보고 싶은 내용이 많습니다!

Node.js는 실질적으로 서버사이드 자바스크립트 실행환경과 라이브러리,

이렇게 두 가지로 이루어져 있습니다.

고성능 네트워크 라이브러리

저수준 Event-loop를 이용한 callback을 이용해

다양한 I/O 작업을 non-blocking 방식으로 처리 그래서, Node.js는 무엇인가? http://blog.doortts.com/214

Project N4(nFORGE 4)의 Sub Project

wiki와 매뉴얼 작성

open source

Simple, Distributive & Collective merge

node.js 로 개발

git과 호환되는 파일시스템

https://github.com/nforge/devnote

nFORGE 서브 프로젝트로 개발

오픈소스로 공개

삽질 비용을 먼저 치루고 그 결과를 공유/공개한다.

node.js 기술 확산에 기여한다.

우리나라에서도 웹 개발에 spring 말고 다른 걸 사용해 보자.

내부 모듈 아키텍처를 잠깐 볼게요..

ExpressJS app.coffee

App Server

Route module

Jade

Template Engine

Storage - Git compatible

Disk

Wiki System

User

Automation Test

Twitter Bootstrap

CSS foundation

Mocha

Zombie.js

Expresso

Assert

Jake

Project Builder

gitfs.js

Browser Emulation

Controller Test

Unit Test

Renderer

- Markdown - Preview - Syntax highlighter - diff

wiki.js

v2012.4.20

ExpressJS app.coffee

App Server

Route module

Jade

Template Engine

Storage - Git compatible

Disk

Renderer

Wiki System

- Markdown - Preview - Syntax highlighter - diff

User

Automation Test

Twitter Bootstrap

CSS foundation

Mocha

Zombie.js

Expresso (TBD)

Assert

Jake

Project Builder

gitfs.js

wiki.js

Browser Emulation

Controller Test

Unit Test

Node-i18n

winston

step nodemailer

jshashes

i18n

Flow control

Logger

Mailing

Crypto

async

NPM

Dependency Management / installer

Socket.io

Real-Time Feedback

*Git tools

*Git official command line tools

v2012.6.25

AppServer

Express, Restify, Meteor

Template Engine

Jade, EJS

CSS Foundation

Bootstrap, ZURA Foundation

Code Editor

CodeMirror, Plain TextArea

View MVC

backbone.js, ember.js

Test Framework

Mocha, Vows, Nodeunit

Browser Emulation Test

Zombie.js, Phantom.js + Casper.js

쓰고 싶었지만 지나치게 복잡해질 우려가 있어 자제함!

AppServer

Express

Template Engine

Jade

CSS Foundation

Bootstrap

Code Editor

CodeMirror

Real-time feedback

socket.io

Sugar Language

coffeescript

i18n

node-i18n

Email Sender

nodemailer

Browser Emulation Test

Zombie.js

Test Framework

Mocha

Project Builder

jake

Logger

winston

가만히 놔둬도 성장한다.

빠르게 만들 수 있다. 나머지 부분을 개발하면 되니까.

비슷한 모듈들이 있을때는 뭐가 좋은지 판단이 어렵다.

타인의 취향에 휘둘릴 수 있다.

정확히 원하는 기능은 없는 경우가 종종 있다.

라인을 잘 못 타면 오랫동안 피곤해 진다.

-> 발전을 기대하기 보다 현재 기능이 현재 우리에게 맞는가에 집중한다.

-> 최악을 가정

기본적으로는 아키텍처 구성도의 모듈들을

사용하셔서 개발하시면 충분합니다.

삽질은 저희가 이미…

nodejs.org

- NHN 기술투자

- 다수 플랫폼을 지원하는 개발환경 필요

- 개발팀 멤버들이 Spring Framework을 잘 몰라서

PHP개발자, Java 클라이언트 개발자

- 멤버 중 한 명이 node.js 커뮤니티 리더라서…

자바스크립트! 자바스크립트! 자바스크립트!

레퍼런스가 없어서 고생을 할 가능성이 높음

개발하면서 스타일이 변해감. 혹은 어느쪽이 좋은지에 대한 판단이 어려움

function export function object prototype으로 함수를 지정함

see codes…

- 웹 앱서버가 필요함

- node.js로 웹 개발하는 사람들이 가장 대중적으로 사용

expressjs.com

나름 오래 되었고 2.0 이상부터는 기본적으로 웹서버가 가져야 하는 기능들이

잘 들어 있음

문서화가 부족 (계속 발전중. 코드를 보고 이해해야 함)

개인의 취향이 반영되어 개발되는 경향이 있음

Tj Holowaychuk이라는 종합예술가가 대부분의 코드를 개발함

자기 마음대로 모듈을 없애버리거나 사용법을 바꾸거나 함

Windows Azure를 지원하는 MS WebMatrix의 기본 웹 앱서버로 탑재되어 있음

하지만 현실적으로 가장 많은 사례가 있기 때문에 대안이 많지 않음

Meteor에 기대를 해봄

Spring Framework Creator ‘Rod Johnson’ 합류

- express와 함께 쓸 view template이 필요함

-선택지가 별로 없음. jade / ejs

jade-lang.com

Express와 궁합이 좋음

JSP보다는 나음

view 코드량이 줄어듬 (약간 zen coding 느낌도)

But..

살짝 독특한 문법을 배워야 함

마크업 개발자와 협업에 난항이 있음

- 어차피 자바스크립트도 잘 모르니까…

- Best Practice들의 자연스러운 적용

- 간결한 코드

coffeescript.org

작성 코드량 감소 코드 복잡도 감소 가독성 증가

자바스크립트의 best practice들과 defects 를 배울 수 있음

한편으론…

자바스크립트도 잘 모르면서!

디버깅

javascript source maps이 빨리 완성되기를! ?

but … it's a browser technique!

http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

- 기본 assert만으로는 부족

- async 및 callback에 대한 테스트가 필요

http://visionmedia.github.com/mocha/

다양한 Report와 스타일 지원

… 형태, 보고서 형태, html, json 등. see page..

… BDD, TDD,

Coffeescript지원

다른 라이브러리와 함께 쓸 수 있음

should.js, expect.js, chai

async test 지원

간단한 global leak을 잡아준다.

for(idx in files){ console.log(files[idx]) … }

No고민! 그냥쓰면 된다!

- Build Script도 Javascript로!

- sh, make, cake, ant 등등을 대체

https://github.com/mde/jake

Ant와 비슷

쓸만함

단, 자바스크립트로 작성되기때문에 깔끔함은 조금 적음.

커피스크립트도 사용할 수 있음

Jake를 커맨드 라인에서 쓰려면 global로 미리 인스톨 해 놓아야 함

그렇지 않으면 우회방법으로

node node_modules/jake/bin/cli.js build

- controller 대신 웹 브라우저 테스트를 하기로 정함

https://github.com/assaf/zombie

- 일종의 웹 브라우저 에뮬레이션

브라우저를 실제로 띄워서 테스트 하지 않아도 됨

테스트 스크립트 작성이 간단함

client side 자바스크립트 테스트도 가능함

But…

기동에 조금 시간이 걸려서 테스트 타임아웃을 조금 여유있게 잡아야 함

정교한 테스트는 작성에 시간이 많이 걸리거나 어려움

개발자의 정신세계가 조금…

- i18n 처리

https://github.com/mashpie/i18n-node

최초 단어 등록시 message file에 추가할 필요 없이 메시지를 바로 사용하면

파일에 알아서 저장이 됨.

단어를 바꿔대면 기존 단어를 지워주지는 않기 때문에 언어 파일이 지저분 해 짐

한 번 단어를 읽어 들인 상태에서 번역을 변경하면, 서버를 재시작 해야 함

- continuation style에서의 코드 가독성 증가

step: https://github.com/creationix/step

async: https://github.com/caolan/async

step이 훨씬 깔끔하게 나오지만, 기능은 단순

async는 세계정복을 꿈꾸는 수준으로 기능이 많음.

<= 자칫하면 이해하기 더 어렵게 변할 가능성도 있음

둘 다 추천!

node.js

windows 4M

mac os 8M

linux 5M

Java

88M

144M

120M

vi

sublime text 2

web storm / IntelliJ

eclipse

Aptana

console.log

don’t use console.log(‘>>>’ + abc ) style

see the cases..

debugger

node debug app.js

node-inspector

https://github.com/dannycoates/node-inspector

lessons & Learned + 고생의 결과들

getDecoratedUser('doortts', function(err, user) {

if (err) throw err;

console.log(user.name);

});

var getDecoratedUser= function(username, callback){

var err;

if(username === undefined ) err = new Error(‘…’);

callback(err, ’[‘ + username + ‘]’);

}

블럭킹 콜백(blocking callback)

호출한 다음 실행 결과를 대기

지연 콜백(deffered callback)

호출한 다음 실행 결과는 나중에 받는다.

우리가 써야 하는건

지연 콜백!!

(혹은 async callback이라고도 불림)

diagonal sequence

var result, isUserExist;

getUser ('doortts', function (err, user) {

if (err) throw err;

isExist(user, function(err, isExist){

isUserExist = isExist;

}

if (isUserExist)

console.log(result.name + ":" + result.email);

});

diagonal sequence

var result, isUserExist;

getUser ('doortts', function (err, user) {

if (err) throw err;

isExist(user, function(err, isExist){

isUserExist = isExist;

}

if (isUserExist)

console.log(result.name + ":" + result.email);

});

diagonal sequence

var result, isUserExist;

getUser ('doortts', function (err, user) {

if (err) throw err;

isExist(user, function(err, isExist){

isUserExist = isExist;

}

if (isUserExist)

console.log(result.name + ":" + result.email);

});

ECMA Script 3, 5

(0.1 + 0.2) == 0.3

sort…

see the codes

서버사이드 개발자? 프론트앤드 개발자?

큰 고민없이 사용해도 괜찮은 성능

다양한 모듈을 통한 손쉬운(?) 개발

많은 개발자들이 (미친듯이) 뛰어들고 있음

크락포드 아저씨마저..

미래에 대한 준비

안드로이드/아이폰의 교훈

사실 단일 언어라고 하기엔 살짝 무리가 있지만 매우 매력적임

웹 개발 하려면 어차피 자바스크립트 배워야 함

극단적인 코드 재활용

Server-side / front-end 양쪽에서 사용가능한 코드 작성가능

생각보다는 어렵지만, 한편으로는 생각보다는 간결한 언어인 자바스크립트

처음엔 완전 재밌음!

하지만…

성능이 정말 좋은가?

Single Thread 라며?

Multicore CPU 활용은?

CPU 집중적인 일은 좀…

우리나라에서는 쫌…

socket.io 쓰려고 node.js 배워요!

커뮤니티에서 더 많은 이야기 나눠요~ ^^; facebook.com/octoberskyjs

Thread Pool

concepts

modules

core module, file modules

npm

ECMA 3, ECMA 5

예) JSON.parse(text [, reviver])

Profiling, ArrayBuffer

참고 이쁜 자식 매 하나 더 준다는 심정으로 쓰는 node.js 이야기 http://blog.doortts.com/262

node.js mailling list

Scoop-it - http://www.scoop.it/t/nodejs-code

facebook.com/octoberskyj, nodejskr.org

Mozilla Developer Network – Javascript

https://developer.mozilla.org/en-US/docs/JavaScript

자바스크립트 코딩 기법과 핵심 패턴

자바스크립트 핵심 가이드

타입체크도 안되고 뒷 감당 안됩니다!

가독성도 여차하면 무너지는데 테스트 없으면 힘들때 많습니다.

사실 있어도 힘듭니다.

웹 개발이 스프링은 아니잖아요!

열심히 할게요!

반대로 모르면 피곤한..

한번만 로드된다.

따라서 재기동을 해야 모듈이 새로 반영된다.

캐시를 지우면 되지만 개발때 이외에는 사용금지

event-loop clock time으로 한 타임 뒤로 작업을 미룬다.

heavy한 일을 처리할 때 전체 작업이 멈추는 일이 없게 하려면 꼭 써야함

setTimeout( callback, 0 )보다 효율이 좋음!

var name = o && o.getName();

var name = otherName || "default";

switch(a) {

case 1: // fallthrough

case 2:

eatit();

break;

default:

donothing();

}

for (var i = 0; i < a.length; i++) {

...

}

console.log(i);

- 만약 debugger 명령어로 debug가 잘 안될때는 --debug-brk 옵션을 사용한다.

- 메모리 Leak의 위험이 크다. 이벤트 등록/해제를 잘 해주어야 한다.

if (typeof module !== 'undefined' && module.exports) {

module.exports = _;

}

var exports = module.exports = Emailer

- 크롬은 favicon을 찾기위해 따로 request를 보낸다.

-local variable, cached

- module.exports === exports

- Core modules

- File modules

.js, .json, .node

- async를 쓸거면 node.js를 왜쓰니? 라고 말 할 수도 있지만,

생각보다 많은 경우 sync 메소드가 유리할때가 있다.

특히 timming 문제의 경우.

- getter/setter

see codes

- Object.preventExtentions(object)

- Object.seal(object): configurable bits off

- Object.freeze(object): writeable bits off, 결과적으로 immutable을 만들수 있다.

node -e 'console.log(require("fs").watch+"")'

이 외 더 많은 내용은 시간관계상… 이라는 말로

얼버무릴 예정입…

helloworld 블로그, 책 등을 통해 더 이야기 드릴게요

var getUser = function( name, callback) {

…

callback(err, data );

}

광고 – 발표자가 되어주세요!

nodejs korea conference

11월 20일 (화) node committer 및 core contributor 참석 예정

facebook.com/octoberskyjs 에서 소식을 귀 기울여 주세요! ^,^)/