모바일&클라우드����������� ������������������ 시대를준비하는����������� ������������������ 개발자들을����������� ������������������ 위한����������� ������������������ 안내서
The����������� ������������������ World����������� ������������������ Wide����������� ������������������ Web:����������� ������������������ Past,����������� ������������������ Present����������� ������������������ and����������� ������������������ Future
KT����������� ������������������ Hitel����������� ������������������ Corp.����������� ������������������ /����������� ������������������ 장동수����������� ������������������ /����������� ������������������ @iolothebard
1
WEB����������� ������������������ 1.0A����������� ������������������ NEW����������� ������������������ HOPE
2
·HTML����������� ������������������ ~3.x·HTTP����������� ������������������ ~1.0·CGI·극도로����������� ������������������ 제한된����������� ������������������ 자바“스크립트”·사용자����������� ������������������ 인터랙션����������� ������������������ 거의����������� ������������������ 없음
Web����������� ������������������ 1.0����������� ������������������ -����������� ������������������ Read����������� ������������������ Only����������� ������������������ Web
3
Web����������� ������������������ 1.0����������� ������������������ -����������� ������������������ Read����������� ������������������ Only����������� ������������������ Web
4
Web����������� ������������������ 1.0����������� ������������������ -����������� ������������������ Read����������� ������������������ Only����������� ������������������ Web
5
Web����������� ������������������ 1.0����������� ������������������ -����������� ������������������ Read����������� ������������������ Only����������� ������������������ Web
6
WEB����������� ������������������ 2.0THE����������� ������������������ ANONYMOUS����������� ������������������ STRIKES����������� ������������������
BACK
7
Web����������� ������������������ 2.0����������� ������������������ -����������� ������������������ Read/Write����������� ������������������ Web
·HTML����������� ������������������ 4.0~,����������� ������������������ DHTML,����������� ������������������ XHTML,����������� ������������������ CSS·HTTP����������� ������������������ 1.1����������� ������������������ with����������� ������������������ “AJAX”·“거시기”����������� ������������������ 서버����������� ������������������ 페이지·여전히����������� ������������������ 보조적인����������� ������������������ “glue”����������� ������������������ 자바스크립트·제한된����������� ������������������ 사용자����������� ������������������ 인터랙션
8
Web����������� ������������������ 2.0����������� ������������������ -����������� ������������������ Read/Write����������� ������������������ Web
9
Web����������� ������������������ 2.0����������� ������������������ -����������� ������������������ Read/Write����������� ������������������ Web
10
POSTWEB����������� ������������������ 2.0
RETURN����������� ������������������ OF����������� ������������������ THE����������� ������������������ JOBS
11
포스트����������� ������������������ 웹2.0
http://blog.databanq.com/digital-media/what-is-web-30/
Web����������� ������������������ 2.0����������� ������������������ is����������� ������������������ a����������� ������������������ marketing����������� ������������������ term,����������� ������������������ and����������� ������������������ I����������� ������������������ think����������� ������������������
you’ve����������� ������������������ just����������� ������������������ invented����������� ������������������ Web����������� ������������������ 3.0.����������� ������������������ But����������� ������������������ if����������� ������������������ I����������� ������������������ were����������� ������������������
to����������� ������������������ guess����������� ������������������ what����������� ������������������ Web����������� ������������������ 3.0����������� ������������������ is,����������� ������������������ I����������� ������������������ would����������� ������������������ tell����������� ������������������ you����������� ������������������ that����������� ������������������ it’s����������� ������������������ a����������� ������������������ different����������� ������������������ way����������� ������������������ of����������� ������������������ building����������� ������������������
applications…⋯����������� ������������������ My����������� ������������������ prediction����������� ������������������ would����������� ������������������ be����������� ������������������ that����������� ������������������
Web����������� ������������������ 3.0����������� ������������������ will����������� ������������������ ultimately����������� ������������������ be����������� ������������������ seen����������� ������������������ as����������� ������������������
applications����������� ������������������ which����������� ������������������ are����������� ������������������ pieced����������� ������������������ together.
There����������� ������������������ are����������� ������������������ a����������� ������������������ number����������� ������������������ of����������� ������������������ characteristics:����������� ������������������ the����������� ������������������ applications����������� ������������������ are����������� ������������������ relatively����������� ������������������ small,����������� ������������������ the����������� ������������������ data����������� ������������������ is����������� ������������������
in����������� ������������������ the����������� ������������������ cloud,����������� ������������������ the����������� ������������������ applications����������� ������������������ can����������� ������������������ run����������� ������������������ on����������� ������������������ any����������� ������������������
device,����������� ������������������ PC����������� ������������������ or����������� ������������������ mobile����������� ������������������ phone,����������� ������������������ the����������� ������������������
applications����������� ������������������ are����������� ������������������ very����������� ������������������ fast����������� ������������������ and����������� ������������������ they’re����������� ������������������ very����������� ������������������
customizable.����������� ������������������ Furthermore,����������� ������������������ the����������� ������������������ applications����������� ������������������ are����������� ������������������ distributed����������� ������������������ virally:����������� ������������������ literally����������� ������������������ by����������� ������������������ social����������� ������������������
networks,����������� ������������������ by����������� ������������������ email.����������� ������������������ You����������� ������������������ won’t����������� ������������������ go����������� ������������������ to����������� ������������������ the����������� ������������������
store����������� ������������������ and����������� ������������������ purchase����������� ������������������ them…⋯����������� ������������������ That’s����������� ������������������ a����������� ������������������ very����������� ������������������
different����������� ������������������ application����������� ������������������ model����������� ������������������ than����������� ������������������ we’ve����������� ������������������ ever����������� ������������������
seen����������� ������������������ in����������� ������������������ computing.
Eric����������� ������������������ Schmidt,����������� ������������������ Seoul����������� ������������������ Digital����������� ������������������ Forum����������� ������������������ 2007
12
포스트����������� ������������������ 웹2.0
http://blog.databanq.com/digital-media/what-is-web-30/
People����������� ������������������ keep����������� ������������������ asking����������� ������������������ what����������� ������������������ Web����������� ������������������ 3.0����������� ������������������ is.����������� ������������������ I����������� ������������������ think����������� ������������������
maybe����������� ������������������ when����������� ������������������ you’ve����������� ������������������ got����������� ������������������ an����������� ������������������ overlay����������� ������������������ of����������� ������������������
scalable����������� ������������������ vector����������� ������������������ graphics����������� ������������������ –����������� ������������������ everything����������� ������������������ rippling����������� ������������������
and����������� ������������������ folding����������� ������������������ and����������� ������������������ looking����������� ������������������ misty����������� ������������������ –����������� ������������������ on����������� ������������������ Web����������� ������������������ 2.0����������� ������������������
and����������� ������������������ access����������� ������������������ to����������� ������������������ a����������� ������������������ semantic����������� ������������������ Web����������� ������������������ integrated����������� ������������������
across����������� ������������������ a����������� ������������������ huge����������� ������������������ space����������� ������������������ of����������� ������������������ data,����������� ������������������ you’ll����������� ������������������ have����������� ������������������
access����������� ������������������ to����������� ������������������ an����������� ������������������ unbelievable����������� ������������������ data����������� ������������������ resource.
Tim����������� ������������������ Berners-Lee,����������� ������������������ In����������� ������������������ May����������� ������������������ 2006
13
포스트����������� ������������������ 웹2.0
http://blog.databanq.com/digital-media/what-is-web-30/
Web����������� ������������������ 2.0����������� ������������������ is����������� ������������������ well����������� ������������������ documented����������� ������������������ and����������� ������������������ talked����������� ������������������ about.����������� ������������������ The����������� ������������������ power����������� ������������������ of����������� ������������������ the����������� ������������������ Net����������� ������������������ reached����������� ������������������ a����������� ������������������
critical����������� ������������������ mass,����������� ������������������ with����������� ������������������ capabilities����������� ������������������ that����������� ������������������ can����������� ������������������ be����������� ������������������
done����������� ������������������ on����������� ������������������ a����������� ������������������ network����������� ������������������ level.����������� ������������������ We����������� ������������������ are����������� ������������������ also����������� ������������������ seeing����������� ������������������
richer����������� ������������������ devices����������� ������������������ over����������� ������������������ last����������� ������������������ four����������� ������������������ years����������� ������������������ and����������� ������������������ richer����������� ������������������
ways����������� ������������������ of����������� ������������������ interacting����������� ������������������ with����������� ������������������ the����������� ������������������ network,����������� ������������������ not����������� ������������������ only����������� ������������������ in����������� ������������������ hardware����������� ������������������ like����������� ������������������ game����������� ������������������ consoles����������� ������������������ and����������� ������������������
mobile����������� ������������������ devices,����������� ������������������ but����������� ������������������ also����������� ������������������ in����������� ������������������ the����������� ������������������ software����������� ������������������
layer.����������� ������������������ You����������� ������������������ don’t����������� ������������������ have����������� ������������������ to����������� ������������������ be����������� ������������������ a����������� ������������������ computer����������� ������������������
scientist����������� ������������������ to����������� ������������������ create����������� ������������������ a����������� ������������������ program.����������� ������������������ We����������� ������������������ are����������� ������������������ seeing����������� ������������������
that����������� ������������������ manifest����������� ������������������ in����������� ������������������ Web����������� ������������������ 2.0����������� ������������������ and����������� ������������������ 3.0����������� ������������������ will����������� ������������������ be����������� ������������������ a����������� ������������������ great����������� ������������������ extension����������� ������������������ of����������� ������������������ that,����������� ������������������ a����������� ������������������ true����������� ������������������ communal����������� ������������������
medium…⋯����������� ������������������ the����������� ������������������ distinction����������� ������������������ between����������� ������������������
professional,����������� ������������������ semi-professional����������� ������������������ and����������� ������������������
consumers����������� ������������������ will����������� ������������������ get����������� ������������������ blurred,����������� ������������������ creating����������� ������������������ a����������� ������������������
network����������� ������������������ effect����������� ������������������ of����������� ������������������ business����������� ������������������ and����������� ������������������ applications.
Jerry����������� ������������������ Yang,����������� ������������������ Technet����������� ������������������ Summit����������� ������������������ in����������� ������������������ November����������� ������������������ 2006
14
포스트����������� ������������������ 웹2.0
http://blog.databanq.com/digital-media/what-is-web-30/
Web����������� ������������������ 1.0����������� ������������������ was����������� ������������������ dial-up,����������� ������������������ 50K����������� ������������������ average����������� ������������������
bandwidth,����������� ������������������ Web����������� ������������������ 2.0����������� ������������������ is����������� ������������������ an����������� ������������������ average����������� ������������������ 1����������� ������������������
megabit����������� ������������������ of����������� ������������������ bandwidth����������� ������������������ and����������� ������������������ Web����������� ������������������ 3.0����������� ������������������ will����������� ������������������ be����������� ������������������
10����������� ������������������ megabits����������� ������������������ of����������� ������������������ bandwidth����������� ������������������ all����������� ������������������ the����������� ������������������ time,����������� ������������������
which����������� ������������������ will����������� ������������������ be����������� ������������������ the����������� ������������������ full����������� ������������������ video����������� ������������������ Web,����������� ������������������ and����������� ������������������ that����������� ������������������
will����������� ������������������ feel����������� ������������������ like����������� ������������������ Web����������� ������������������ 3.0.
Reed����������� ������������������ Hastings,����������� ������������������ Technet����������� ������������������ Summit����������� ������������������ in����������� ������������������ November����������� ������������������ 2006
15
포스트����������� ������������������ 웹2.0
Tim����������� ������������������ O’Reilly����������� ������������������ /����������� ������������������ Web����������� ������������������ 2.0����������� ������������������ Summit����������� ������������������ 2009
http://www.web2summit.com/web2009/public/schedule/detail/10194
With����������� ������������������ more����������� ������������������ users����������� ������������������ and����������� ������������������ sensors����������� ������������������ feeding����������� ������������������ more����������� ������������������ appli-����������� ������������������ cations����������� ������������������ and����������� ������������������ platforms,����������� ������������������ developers����������� ������������������ are����������� ������������������ able����������� ������������������ to����������� ������������������ tackle����������� ������������������ serious����������� ������������������ real-world����������� ������������������ problems.����������� ������������������ As����������� ������������������ a����������� ������������������ result,����������� ������������������ the����������� ������������������ Web����������� ������������������ opportunity����������� ������������������ is����������� ������������������ no����������� ������������������ longer����������� ������������������ growing����������� ������������������ arithmetically;����������� ������������������ it’s����������� ������������������ growing����������� ������������������ exponentially.����������� ������������������ Hence����������� ������������������ our����������� ������������������ theme����������� ������������������ for����������� ������������������ this����������� ������������������ year:����������� ������������������ Web����������� ������������������ Squared.����������� ������������������ 1990–2004����������� ������������������ was����������� ������������������ the����������� ������������������ match����������� ������������������ being����������� ������������������ struck;����������� ������������������ 2005–2009����������� ������������������ was����������� ������������������ the����������� ������������������ fuse;����������� ������������������ and����������� ������������������ 2010����������� ������������������ will����������� ������������������ be����������� ������������������ the����������� ������������������ explosion.
Ever����������� ������������������ since����������� ������������������ we����������� ������������������ first����������� ������������������ introduced����������� ������������������ the����������� ������������������ term����������� ������������������ “Web����������� ������������������ 2.0,”����������� ������������������ people����������� ������������������ have����������� ������������������ been����������� ������������������ asking,����������� ������������������ “What’s����������� ������������������ next?”����������� ������������������ Assuming����������� ������������������ that����������� ������������������ Web����������� ������������������ 2.0����������� ������������������ was����������� ������������������ meant����������� ������������������ to����������� ������������������ be����������� ������������������ a����������� ������������������ kind����������� ������������������ of����������� ������������������ software����������� ������������������ version����������� ������������������ number����������� ������������������ (rather����������� ������������������ than����������� ������������������ a����������� ������������������ statement����������� ������������������ about����������� ������������������ the����������� ������������������ second����������� ������������������ coming����������� ������������������ of����������� ������������������ the����������� ������������������ Web����������� ������������������ after����������� ������������������ the����������� ������������������ dotcom����������� ������������������ bust),����������� ������������������ we’re����������� ������������������ constantly����������� ������������������ asked����������� ������������������ about����������� ������������������ “Web����������� ������������������ 3.0.”����������� ������������������ Is����������� ������������������ it����������� ������������������ the����������� ������������������ semantic����������� ������������������ web?����������� ������������������ The����������� ������������������ sentient����������� ������������������ web?����������� ������������������ Is����������� ������������������ it����������� ������������������ the����������� ������������������ social����������� ������������������ web?����������� ������������������ The����������� ������������������ mobile����������� ������������������ web?����������� ������������������ Is����������� ������������������ it����������� ������������������ some����������� ������������������ form����������� ������������������ of����������� ������������������ virtual����������� ������������������ reality?����������� ������������������ It����������� ������������������ is����������� ������������������ all����������� ������������������ of����������� ������������������ those,����������� ������������������ and����������� ������������������ more.
16
포스트����������� ������������������ 웹2.0
Simon����������� ������������������ says...
·Web����������� ������������������ as����������� ������������������ a����������� ������������������ Platform·Semantic����������� ������������������ Web·Ubiquitous����������� ������������������ Web·Real-time����������� ������������������ Web·Web2����������� ������������������ [Web����������� ������������������ Squared]·...����������� ������������������ or����������� ������������������ something?
17
MOBILE����������� ������������������ &����������� ������������������ SOCIALSocial����������� ������������������ +����������� ������������������ Mobile
AppstoreN-Screen
Real-time����������� ������������������ &����������� ������������������ Big����������� ������������������ Data
18
T.G.I.F
19
소셜
20
모바일
21
앱스토어
22
N-스크린
Source:����������� ������������������ ����������� ������������������ AT&T����������� ������������������ Consumer����������� ������������������ Survey����������� ������������������ (����������� ������������������ conducted����������� ������������������ by����������� ������������������ Burke,����������� ������������������ Dec����������� ������������������ 2010����������� ������������������ )
Voice Music Movie Game
App
Computer TVTabletSmartphone Game����������� ������������������ Console
Book News
절반이상의����������� ������������������ 미국인이����������� ������������������ 3개����������� ������������������ 이상의����������� ������������������ Device����������� ������������������ 로����������� ������������������ 같은����������� ������������������ 컨텐츠를����������� ������������������ 보고����������� ������������������ 있다
23
리얼타임����������� ������������������ &����������� ������������������ 빅데이터
24
CLOUD����������� ������������������ COMPUTING
SaaSPaaSIaaS
Hadoop����������� ������������������ &����������� ������������������ MapReduceNoSQL
25
클라우드����������� ������������������ 컴퓨팅����������� ������������������ 분류
서비스+
인프라
개인+
기업
기업
기업
개발환경+
인프라
인프라
Software����������� ������������������ as����������� ������������������ a����������� ������������������ Service(SaaS)클라우드����������� ������������������ 서비스/애플리케이션
Apple����������� ������������������ MobileMe,����������� ������������������ Google����������� ������������������ Apps,����������� ������������������ Salesforce.com����������� ������������������ Apps,����������� ������������������ Nokia����������� ������������������ Ovi,����������� ������������������ ...
Platform����������� ������������������ as����������� ������������������ a����������� ������������������ Service(PaaS)클라우드����������� ������������������ 플랫폼
Google����������� ������������������ App����������� ������������������ Engine,����������� ������������������ force.com,����������� ������������������ MS����������� ������������������ Azure,����������� ������������������ Facebook����������� ������������������ F8,����������� ������������������ OpenShift,����������� ������������������ CloudFoundry,����������� ������������������ ...
Infrastructure����������� ������������������ as����������� ������������������ a����������� ������������������ Service(IaaS)클라우드����������� ������������������ 인프라스트럭쳐
Amazon����������� ������������������ S3&EC2,����������� ������������������ Joyent,����������� ������������������ GoGrid,����������� ������������������ AT&T,����������� ������������������ ...
Enterprise����������� ������������������ Computing
IBM,����������� ������������������ HP,����������� ������������������ Oracle/SUN,����������� ������������������ Redhat,����������� ������������������ EMC,����������� ������������������ Dell,����������� ������������������ ...
Cloud����������� ������������������ Computing����������� ������������������ Software
Hadoop,����������� ������������������ 3Tera,����������� ������������������ Xen,����������� ������������������ VMware,����������� ������������������ NexR����������� ������������������ VCC,����������� ������������������
Eucalyptus,����������� ������������������ Enomaly,����������� ������������������ ECP,����������� ������������������ OpenNebula,����������� ������������������ ...
제공 고객 Public����������� ������������������ Cloud Private����������� ������������������ Cloud
출처: 한재선, <Cloud Computing 개요 및 기술>, NexR, 2009
26
Amazon����������� ������������������ Web����������� ������������������ Services(AWS)
사용자����������� ������������������ 서비스/애플리케이션
모니터링Amazon����������� ������������������
CloudWatch
관리Amazon����������� ������������������ Management����������� ������������������
ConsoleAmazon����������� ������������������ Elastic����������� ������������������ Beanstalk
도구AWS����������� ������������������ Toolkit����������� ������������������ for����������� ������������������ EclipseAWS����������� ������������������ SDK����������� ������������������ for����������� ������������������ Java,����������� ������������������ PHP,����������� ������������������
Ruby,����������� ������������������ Pythoh,����������� ������������������ .NET
네트워킹Virtual����������� ������������������ Private����������� ������������������ Cloud
Route����������� ������������������ 53(DNS)Amazon����������� ������������������ Elastic����������� ������������������ IP
병렬처리Amazon����������� ������������������ Elastic����������� ������������������ MapReduce
컨텐츠����������� ������������������ 전송(CDN)Amazon����������� ������������������ CloudFront
메세징Amazon����������� ������������������ Simple����������� ������������������ Queue����������� ������������������ Service(SQS)
Amazon����������� ������������������ Simple����������� ������������������ Notification����������� ������������������ Service(SNS)Amazon����������� ������������������ Simple����������� ������������������ Email����������� ������������������ Service(SES)
컴퓨팅Amazon����������� ������������������ Elastic����������� ������������������ Computing����������� ������������������ Cloud(EC2)
-����������� ������������������ Elastic����������� ������������������ Load����������� ������������������ Balancing-����������� ������������������ Auto����������� ������������������ Scaling
저장소Amazon����������� ������������������ Simple����������� ������������������ Storage����������� ������������������ Service(S3)
-����������� ������������������ AWS����������� ������������������ Import/Export
데이터베이스Amazon����������� ������������������ RDS
Amazon����������� ������������������ SimpleDBAmazon����������� ������������������ DynamoDB
Identity����������� ������������������ and����������� ������������������ Access����������� ������������������ Management
Metering����������� ������������������ and����������� ������������������ Billing
27
Hadoop
Ambari
Management
Zookeeper
Coordination
HBASE
Column-based����������� ������������������ NoSQL����������� ������������������ Database
PigData����������� ������������������ Flow
HIVESQL
Map/ReduceDistribute����������� ������������������ Programming����������� ������������������ Framework
HCatalogTable����������� ������������������ &����������� ������������������ Schema����������� ������������������ Management
HDFSDistributed����������� ������������������ File����������� ������������������ System
28
NoSQL
29
WEB����������� ������������������ as����������� ������������������ a����������� ������������������ PLATFORM
HTML5CSS3
JavaScriptResponsive����������� ������������������ Web����������� ������������������ Design
Web����������� ������������������ AppHybrid����������� ������������������ App
30
HTML5
HTML5*Web����������� ������������������ Development����������� ������������������ to����������� ������������������ the����������� ������������������ next����������� ������������������ level
*����������� ������������������ 웹기술만으로����������� ������������������ 네이티브����������� ������������������ 애플리케이션����������� ������������������ 수준의����������� ������������������ 웹����������� ������������������ 애플리케이션을����������� ������������������ 개발
*����������� ������������������ 과거����������� ������������������ HTML����������� ������������������ 호환성을����������� ������������������ 유지하면서����������� ������������������ 실제����������� ������������������ 개발����������� ������������������ 시����������� ������������������ 어려웠던����������� ������������������ 문제들을����������� ������������������ 해결
HTML CSS JS APIHTML5 ~= + +
31
HTML5
Semantics Offline &Storage
DeviceAccess Multi Media Connectivity 3D , 2D
Graphics & EffectsPerformance &
Integration CSS3
32
HTML5
•HTML5����������� ������������������ 스펙����������� ������������������ 너무����������� ������������������ 어려워요!����������� ������������������ 게다가����������� ������������������ 영어!
✓����������� ������������������ 한글����������� ������������������ HTML5����������� ������������������ 스펙����������� ������������������ ����������� ������������������ ➠����������� ������������������ ����������� ������������������ http://j.mp/html5ko����������� ������������������ by����������� ������������������ ClearBoth.org
•그래도����������� ������������������ 내용이����������� ������������������ 너무����������� ������������������ 많은����������� ������������������ 데요����������� ������������������ ?
✓����������� ������������������ 웹����������� ������������������ 개발자를����������� ������������������ 위한����������� ������������������ 최소스펙����������� ������������������ ➠����������� ������������������ ����������� ������������������ http://j.mp/html5devel
•튜토리얼����������� ������������������ &����������� ������������������ 프리젠테이션����������� ������������������ 은����������� ������������������ 없나요����������� ������������������ ?
✓����������� ������������������ Google����������� ������������������ 의����������� ������������������ 선물����������� ������������������ ➠����������� ������������������ ����������� ������������������ http://www.html5rocks.com/
•그����������� ������������������ 외에����������� ������������������ 꼭����������� ������������������ 추천해주실����������� ������������������ 사이트는����������� ������������������ ?
✓실전����������� ������������������ HTML5����������� ������������������ 가이드����������� ������������������ (����������� ������������������ 한글����������� ������������������ PDF����������� ������������������ )����������� ������������������ ➠����������� ������������������ ����������� ������������������ http://j.mp/html5guide_ko
✓Dive����������� ������������������ Into����������� ������������������ HTML5����������� ������������������ ����������� ������������������ ➠����������� ������������������ ����������� ������������������ http://diveintohtml5.org/
33
Responsive����������� ������������������ Web����������� ������������������ Design
• http://www.alistapart.com/articles/responsive-web-design/
• Screen Size / Platform / Orientation 에 반응
• CSS3 Media Query , Flexible Grid & Layout
• Guideline for R-W-D : http://j.mp/eWEYIJ
Phone Tablet Netbook / Tablet Desktop
34
웹����������� ������������������ 앱
•����������� ������������������ 웹����������� ������������������ 브라우저에서����������� ������������������ 실행
•����������� ������������������ Reading����������� ������������������ ➠����������� ������������������ ����������� ������������������
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ Interaction����������� ������������������ with����������� ������������������ Audio/Video/Animation
•����������� ������������������ 데스크탑����������� ������������������ 소프트웨어����������� ������������������ 수준의����������� ������������������ 사용자����������� ������������������ 경험����������� ������������������ (UX)
•����������� ������������������ 서버에서����������� ������������������ 제공되므로����������� ������������������ 신속한����������� ������������������ 업데이트����������� ������������������ *
•����������� ������������������ 다양한����������� ������������������ 디바이스����������� ������������������ 동시����������� ������������������ 지원����������� ������������������ ➠����������� ������������������ 모바일
35
Hybrid Web App
✓ Native + Web 형태의 앱✓ 앱스토어를 통한 다운로드 가능✓ Native 수준의 다양한 앱 작성 가능
Server
Web Server
DatabaseResources
Mobile Device
Web App UI Local
Data
AppStore
Online Web Application✓ 기존 모바일 웹페이지 포함한 웹 앱
✓ HTML5,CSS3 등을 통한 UI 향상
✓ GeoLocation 이용
Mobile Device
Web App UI
Server
Web Server
DatabaseResources
Offline Enabled Web App
✓ 오프라인에서도 사용이 가능한 웹 앱✓ 처음 접속시 주요데이타를 캐쉬✓ 재접속시에 서버의 데이타와 싱크
Server
Web Server
DatabaseResources
Mobile Device
Web App UI Local
Data
Offline Web App
✓ 계속 오프라인으로 사용가능한 앱✓ 서버와의 동기화를 필요로 하지 않음✓ 게임, 유틸리티, 개인정보 앱, EBook
Server
Web Server
Mobile Device
Web App UI Local
Data
36
하이브리드����������� ������������������ 앱
•Native����������� ������������������ App����������� ������������������ +����������� ������������������ Web����������� ������������������ App
하나의����������� ������������������ 웹소스로����������� ������������������ 모든����������� ������������������ 디바이스����������� ������������������ 동시지원
Web����������� ������������������ 으로는����������� ������������������ 불가능한����������� ������������������ Device����������� ������������������ 기능����������� ������������������ 지원
앱����������� ������������������ 스토어를����������� ������������������ 통한����������� ������������������ 앱����������� ������������������ 판매����������� ������������������ 가능
•Hybrid����������� ������������������ Frameworks
Phonegap
Appspresso
Titanium����������� ������������������ Mobile
Device OSHybrid framework
Web Browser
Web Application css/js/html
37
하이브리드의����������� ������������������ 범위
Native����������� ������������������ 내에서����������� ������������������ WebView����������� ������������������ 활용
WebHybridNative
서버����������� ������������������ 접속해서����������� ������������������ 웹앱����������� ������������������ 실행Hybrid����������� ������������������ Frameworks
Appspresso����������� ������������������ /����������� ������������������ Phonegap����������� ������������������ /����������� ������������������ Titanium
11 2
1����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ DIY����������� ������������������ with����������� ������������������ WebView����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ Using����������� ������������������ Hybrid����������� ������������������ Framework2
38
N-스크린을����������� ������������������ 위한����������� ������������������ 웹앱
Computer TVTabletSmartphone Game����������� ������������������ Console
Voice Music Movie Game
HTML5 based (Hybrid) Web App
3 6 5 3 3
39
40
Server-side����������� ������������������ Javascript
• Netscape Livewire를 시작으로 다양한 접근 http://j.mp/eNt2Ay
• Node.JS : Evented Server-Side Javascript http://nodejs.org/
✓ Google Chrome 의 Javascript Engine V8 을 단독으로 사용
✓ 모든 Network I/O 는 NonBlocking , File I/O 는 Asynchronous
✓ Thread 방식에 비해 뛰어난 성능, 다양한 모듈 개발중 (S3,MySQL.. )
✓ HTTPd , FTPd , IMAP, WebDAV 등 다양한 서버 모듈 개발 완료
• CommonJS : Ecosystem for Javascript Outside the Browser , http://commonjs.org/
✓ 브라우저가 아닌 서버/데스크탑 어플을 작성하기 위한 스펙들
✓ Server-Side , Command Line , Desktop GUI , Hybrid ( Titanium .. )
✓ 모듈 시스템 , 파일시스템 , 유닛테스팅 , 콘솔 , Promise .. 등등
41
That’s����������� ������������������ all����������� ������������������ Folks...KT����������� ������������������ Hitel����������� ������������������ Corp.����������� ������������������ /����������� ������������������ 장동수����������� ������������������ /����������� ������������������ @iolothebard
42