35
Outside JavaScript 2011년 1월 28일 금요일

node.js 응용 개발사례

  • Upload
    rhiokim

  • View
    829

  • Download
    4

Embed Size (px)

DESCRIPTION

Node.js 와 Web Socket 을 이용한 개발 사례, JavaScript :) webdevmobile.com

Citation preview

Page 1: node.js 응용 개발사례

Outside JavaScript

2011년 1월 28일 금요일

Page 2: node.js 응용 개발사례

Goal

• Before JavaScript

• JavaScript

• After Javascript

• Demo

2011년 1월 28일 금요일

Page 3: node.js 응용 개발사례

Before JavaScript

2011년 1월 28일 금요일

Page 4: node.js 응용 개발사례

http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html2011년 1월 28일 금요일

Page 5: node.js 응용 개발사례

Misunderstanding language

2011년 1월 28일 금요일

Page 6: node.js 응용 개발사례

2011년 1월 28일 금요일

Page 7: node.js 응용 개발사례

2011년 1월 28일 금요일

Page 8: node.js 응용 개발사례

JavaScript

2011년 1월 28일 금요일

Page 9: node.js 응용 개발사례

2011년 1월 28일 금요일

Page 10: node.js 응용 개발사례

Web Standard

• HTML5

• CSS3

• Web API

2011년 1월 28일 금요일

Page 11: node.js 응용 개발사례

User Experience

• Interactive animation

• Motion

• Touch

• Anytime, Anywhere

2011년 1월 28일 금요일

Page 12: node.js 응용 개발사례

Platforms

• Window, Linux, Macintosh, ChromeOS

• iOS, Android, PalmOS

• Chrome, Firefox, Safari, Opera

2011년 1월 28일 금요일

Page 13: node.js 응용 개발사례

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 응용 개발사례

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 응용 개발사례

Hybrid WebApp Tools

• PhoneGap

• Titanium + Aptana

• Corona

2011년 1월 28일 금요일

Page 16: node.js 응용 개발사례

Platform

User Experience

Libraries

APIs

Tools

2011년 1월 28일 금요일

Page 17: node.js 응용 개발사례

Market Places

• Apple App Store

• Google Web Store / Android Market

2011년 1월 28일 금요일

Page 18: node.js 응용 개발사례

After JavaScript

2011년 1월 28일 금요일

Page 19: node.js 응용 개발사례

Hybrid

2011년 1월 28일 금요일

Page 20: node.js 응용 개발사례

Hybrid?

JavaScript&

HTML5iphone

iPad

Android

Mac

Linux

Window

Safari

Chrome

Opera

Linux

ChromeOS

Medical

Home

Server

ClientLife

2011년 1월 28일 금요일

Page 21: node.js 응용 개발사례

HTML5, Web APIServer-side JavaScript

& Device Control

2011년 1월 28일 금요일

Page 22: node.js 응용 개발사례

Demo

2011년 1월 28일 금요일

Page 23: node.js 응용 개발사례

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 응용 개발사례

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 응용 개발사례

Chatting

• Web Socket + Node.js(Socket Server)

2011년 1월 28일 금요일

Page 26: node.js 응용 개발사례

Canvas

• Web Socket + Node.js(Socket Server)

• HTML5 Canvas

2011년 1월 28일 금요일

Page 27: node.js 응용 개발사례

Interactive Presentation

• Web Socket + Node.js(Socket Server)

• HTML5 Presentation

2011년 1월 28일 금요일

Page 28: node.js 응용 개발사례

Battle Tetris

• Web Socket + Node.js(Socket Server)

• iOS 4.2 Device motion event

2011년 1월 28일 금요일

Page 29: node.js 응용 개발사례

Device Control

• Arduino duemilanove

• Web Socket + Node.js + C(RS-232)

2011년 1월 28일 금요일

Page 30: node.js 응용 개발사례

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 응용 개발사례

I’m JavaScript

APIs

Platforms

Tools

Libraries

HTML5

Web APIs

2011년 1월 28일 금요일

Page 32: node.js 응용 개발사례

QA

2011년 1월 28일 금요일

Page 33: node.js 응용 개발사례

Tomorrow of JavaScript

?

2011년 1월 28일 금요일

Page 35: node.js 응용 개발사례

Thanks );

2011년 1월 28일 금요일