(html5)_opentrack ii_1_권정혁_html5 와 hybrid app
Post on 01-Dec-2014
167 views
TRANSCRIPT
권정혁KTH 기술전략팀장
Developer Evangelist @xguru
HTML5 와 Hybrid App
1
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
하이브리드앱����������� ������������������ 아키텍쳐����������� ������������������ 구성����������� ������������������ 요소
웹����������� ������������������ 표준����������� ������������������ 기술
플랫폼����������� ������������������ SDK
iOS����������� ������������������ SDK
하이브리드
HTML5 CSS 자바스크립트
비표준����������� ������������������ Device����������� ������������������ APIs
안드로이드����������� ������������������ SDK
윈폰7����������� ������������������ SDK …⋯
웹����������� ������������������ UI����������� ������������������ 툴킷 자바스크립트����������� ������������������ 프레임웍/라이브러리
표준����������� ������������������ Device����������� ������������������ APIs
웹네이티브
웹브라우져����������� ������������������ “앱”
프레임웍
네이티브����������� ������������������ 라이브러리
UI����������� ������������������ 툴킷
개발����������� ������������������ 도구 웹브라우져����������� ������������������ “엔진”
3
하이브리드 앱의 목표
개발����������� ������������������ 비용
어플리케이션����������� ������������������ 품질
네이티브
웹
BEST
WORST
하이브리드
개발방법의 변화필요
•Single����������� ������������������ Page����������� ������������������ Interface
✓ 전환을����������� ������������������ 빠르게
•MVC����������� ������������������ /����������� ������������������ MVVM����������� ������������������
✓ 뷰와����������� ������������������ 모델의����������� ������������������ 분리
•초경량����������� ������������������ JS����������� ������������������ 라이브러리
✓ zepto.js
✓ MicroJS
4
하이브리드 앱600만+ 사용자 : 푸딩얼굴인식 200만+ 사용자 : 뉴스프레소
Powered by5
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
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
고맙습니다!email : guru @ xguru.net twitter : @xguru
8