node.js 응용 개발사례
DESCRIPTION
Node.js 와 Web Socket 을 이용한 개발 사례, JavaScript :) webdevmobile.comTRANSCRIPT
![Page 1: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/1.jpg)
Outside JavaScript
2011년 1월 28일 금요일
![Page 2: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/2.jpg)
Goal
• Before JavaScript
• JavaScript
• After Javascript
• Demo
2011년 1월 28일 금요일
![Page 3: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/3.jpg)
Before JavaScript
2011년 1월 28일 금요일
![Page 4: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/4.jpg)
http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html2011년 1월 28일 금요일
![Page 5: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/5.jpg)
Misunderstanding language
2011년 1월 28일 금요일
![Page 6: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/6.jpg)
2011년 1월 28일 금요일
![Page 7: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/7.jpg)
2011년 1월 28일 금요일
![Page 8: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/8.jpg)
JavaScript
2011년 1월 28일 금요일
![Page 9: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/9.jpg)
2011년 1월 28일 금요일
![Page 10: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/10.jpg)
Web Standard
• HTML5
• CSS3
• Web API
2011년 1월 28일 금요일
![Page 11: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/11.jpg)
User Experience
• Interactive animation
• Motion
• Touch
• Anytime, Anywhere
2011년 1월 28일 금요일
![Page 12: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/12.jpg)
Platforms
• Window, Linux, Macintosh, ChromeOS
• iOS, Android, PalmOS
• Chrome, Firefox, Safari, Opera
2011년 1월 28일 금요일
![Page 13: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/13.jpg)
Libraries
• jQuery, Ext.js, Mootools
• jQTouch, Sencha Touch, iUI
• Cappuccino, Sprout Core
• Raphael, three.js, GammJS, Processing.js...
2011년 1월 28일 금요일
![Page 14: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/14.jpg)
APIs
• Google Maps, Flickr, Youtube, Twitter
• Amazon eCommerce, Facebook, eBay
• Last.fm, Paypal, Foursquare...
Total : 2767
http://www.programmableweb.com/apis/directory/1?sort=mashups
2011년 1월 28일 금요일
![Page 15: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/15.jpg)
Hybrid WebApp Tools
• PhoneGap
• Titanium + Aptana
• Corona
2011년 1월 28일 금요일
![Page 16: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/16.jpg)
Platform
User Experience
Libraries
APIs
Tools
2011년 1월 28일 금요일
![Page 17: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/17.jpg)
Market Places
• Apple App Store
• Google Web Store / Android Market
2011년 1월 28일 금요일
![Page 18: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/18.jpg)
After JavaScript
2011년 1월 28일 금요일
![Page 19: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/19.jpg)
Hybrid
2011년 1월 28일 금요일
![Page 20: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/20.jpg)
Hybrid?
JavaScript&
HTML5iphone
iPad
Android
Mac
Linux
Window
Safari
Chrome
Opera
Linux
ChromeOS
Medical
Home
Server
ClientLife
2011년 1월 28일 금요일
![Page 21: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/21.jpg)
HTML5, Web APIServer-side JavaScript
& Device Control
2011년 1월 28일 금요일
![Page 22: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/22.jpg)
Demo
2011년 1월 28일 금요일
![Page 23: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/23.jpg)
index
• Web Server
• Real Time Web
• Chatting
• Canvas
• Interactive Presentation
• Battle Tetris Game
• Twitter Client on Naver Map
• Device Access
• LED Controller
2011년 1월 28일 금요일
![Page 24: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/24.jpg)
Web server
var http = require(‘http’);
http.createServer(function(request, response){
response.writeHead(200, {‘Content-type’ :‘text/plain’});
response.end(‘Hello World!’);
}).listen(8124);
console.log(‘Server running at http://127.0.0.1:8124’);
2011년 1월 28일 금요일
![Page 25: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/25.jpg)
Chatting
• Web Socket + Node.js(Socket Server)
2011년 1월 28일 금요일
![Page 26: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/26.jpg)
Canvas
• Web Socket + Node.js(Socket Server)
• HTML5 Canvas
2011년 1월 28일 금요일
![Page 27: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/27.jpg)
Interactive Presentation
• Web Socket + Node.js(Socket Server)
• HTML5 Presentation
2011년 1월 28일 금요일
![Page 28: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/28.jpg)
Battle Tetris
• Web Socket + Node.js(Socket Server)
• iOS 4.2 Device motion event
2011년 1월 28일 금요일
![Page 29: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/29.jpg)
Device Control
• Arduino duemilanove
• Web Socket + Node.js + C(RS-232)
2011년 1월 28일 금요일
![Page 30: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/30.jpg)
Display Screen
ATM, Kiosk
Home Device Desktop
Notebook
Smart Phone
Door lock
Light
set-top boxDigital Album
Chrome OS
Tablet
Ice box
Printer
Fax
iPhone
Andorid
Advertisement
iPad
Sub trainCleaner
Galaxy Tab
?
Game
Car
2011년 1월 28일 금요일
![Page 31: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/31.jpg)
I’m JavaScript
APIs
Platforms
Tools
Libraries
HTML5
Web APIs
2011년 1월 28일 금요일
![Page 32: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/32.jpg)
QA
2011년 1월 28일 금요일
![Page 33: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/33.jpg)
Tomorrow of JavaScript
?
2011년 1월 28일 금요일
![Page 34: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/34.jpg)
endingAbout : @rhiokim
http://rhio.tistory.com
NHN
FRENDS
JavaScript Ninija
2011년 1월 28일 금요일
![Page 35: node.js 응용 개발사례](https://reader031.vdocuments.site/reader031/viewer/2022012405/5471a8deb4af9f4f5a8b465c/html5/thumbnails/35.jpg)
Thanks );
2011년 1월 28일 금요일