8
권정혁 KTH 기술전략팀장 Developer Evangelist @xguru HTML5 Hybrid App 1

(HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

  • View
    161

  • Download
    1

Embed Size (px)

Citation preview

Page 1: (HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

권정혁KTH 기술전략팀장

Developer Evangelist @xguru

HTML5 와 Hybrid App

1

Page 2: (HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

Web Server

Hybrid App ?

•플랫폼����������� ������������������  네이티브����������� ������������������  기술과����������� ������������������  웹����������� ������������������  기술의����������� ������������������  결합

•HTML5����������� ������������������  와����������� ������������������  Device����������� ������������������  API����������� ������������������  활용

•웹����������� ������������������  개발자들의����������� ������������������  앱����������� ������������������  개발자화

•최종����������� ������������������  패키징형태는����������� ������������������  일반����������� ������������������  네이티브����������� ������������������  앱

•사용자는����������� ������������������  앱스토어에서����������� ������������������  다운로드

•유료모델����������� ������������������  및����������� ������������������  In-App-Purchase����������� ������������������  지원

•플랫폼의����������� ������������������  Push����������� ������������������  Notification����������� ������������������  이용

Device OS

Native App /Hybrid framework

Web Browser

Web Application css/js/html

Web Application / API

Bridge

2

Page 3: (HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

하이브리드앱����������� ������������������  아키텍쳐����������� ������������������  구성����������� ������������������  요소

웹����������� ������������������  표준����������� ������������������  기술

플랫폼����������� ������������������  SDK

iOS����������� ������������������  SDK

하이브리드

HTML5 CSS 자바스크립트

비표준����������� ������������������  Device����������� ������������������  APIs

안드로이드����������� ������������������  SDK

윈폰7����������� ������������������  SDK …⋯

웹����������� ������������������  UI����������� ������������������  툴킷 자바스크립트����������� ������������������  프레임웍/라이브러리

표준����������� ������������������  Device����������� ������������������  APIs

웹네이티브

웹브라우져����������� ������������������  “앱”

프레임웍

네이티브����������� ������������������  라이브러리

UI����������� ������������������  툴킷

개발����������� ������������������  도구 웹브라우져����������� ������������������  “엔진”

3

Page 4: (HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

하이브리드 앱의 목표

개발����������� ������������������  비용

어플리케이션����������� ������������������  품질

네이티브

BEST

WORST

하이브리드

개발방법의 변화필요

•Single����������� ������������������  Page����������� ������������������  Interface

✓ 전환을����������� ������������������  빠르게

•MVC����������� ������������������  /����������� ������������������  MVVM����������� ������������������  

✓ 뷰와����������� ������������������  모델의����������� ������������������  분리

•초경량����������� ������������������  JS����������� ������������������  라이브러리

✓ zepto.js

✓ MicroJS

4

Page 5: (HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

하이브리드 앱600만+ 사용자 : 푸딩얼굴인식 200만+ 사용자 : 뉴스프레소

Powered by5

Page 6: (HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

Appspresso Studio 1.0

•1.0����������� ������������������  정식버전����������� ������������������  공개����������� ������������������  (����������� ������������������  11/30����������� ������������������  )

✓ iOS����������� ������������������  /����������� ������������������  Android����������� ������������������  지원

✓ WAC����������� ������������������  Waikiki����������� ������������������  2.0����������� ������������������  API����������� ������������������  지원

✓ “On����������� ������������������  The����������� ������������������  Fly”����������� ������������������  Building

•Appspresso����������� ������������������  Cloud����������� ������������������  와����������� ������������������  연계

✓ 클라우드����������� ������������������  빌드����������� ������������������  

✓ Push����������� ������������������  Notification

✓ 데이터����������� ������������������  저장����������� ������������������  ,����������� ������������������  사용자����������� ������������������  관리����������� ������������������  ����������� ������������������  ,����������� ������������������  API지원

http://appspresso.com

6

Page 7: (HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

Future of Hybrid App•(현재로선)����������� ������������������  Web����������� ������������������  app����������� ������������������  은����������� ������������������  Native����������� ������������������  App����������� ������������������  을����������� ������������������  완전히����������� ������������������  대체하지는����������� ������������������  못함

•Hybrid����������� ������������������  app����������� ������������������  은����������� ������������������  Native����������� ������������������  와����������� ������������������  Web����������� ������������������  의����������� ������������������  중간고리����������� ������������������  역할

•Hybrid����������� ������������������  app����������� ������������������  이����������� ������������������  HTML5����������� ������������������  Web����������� ������������������  App����������� ������������������  의����������� ������������������  도입을����������� ������������������  더욱����������� ������������������  빠르게����������� ������������������  함

•Hybrid����������� ������������������  기술도����������� ������������������  Local����������� ������������������  +����������� ������������������  Remote����������� ������������������  조합을����������� ������������������  빠르게����������� ������������������  하는����������� ������������������  쪽으로����������� ������������������  발전

•Device����������� ������������������  API����������� ������������������  는����������� ������������������  표준단체/제조사����������� ������������������  및����������� ������������������  Hybrid����������� ������������������  App����������� ������������������  에����������� ������������������  의해����������� ������������������  계속����������� ������������������  발전중

•Hybrid����������� ������������������  App����������� ������������������  Framework����������� ������������������  들이����������� ������������������  점점����������� ������������������  사용하기����������� ������������������  쉬운����������� ������������������  형태로����������� ������������������  발전

•이제����������� ������������������  Native����������� ������������������  App����������� ������������������  개발자들도����������� ������������������  Hybrid����������� ������������������  방식에����������� ������������������  대해서����������� ������������������  알아야����������� ������������������  함����������� ������������������  

•Hybrid����������� ������������������  App은����������� ������������������  Mobile����������� ������������������  만을����������� ������������������  위한����������� ������������������  것이����������� ������������������  아니라����������� ������������������  N-Screen����������� ������������������  을����������� ������������������  위한����������� ������������������  기초작업

7

Page 8: (HTML5)_Opentrack II_1_권정혁_HTML5 와 Hybrid App

고맙습니다!email : guru @ xguru.net twitter : @xguru

8