natively web app & service worker

23
Natively Web App & Service Worker @cwdoh, GDE for the Web

Upload: chang-w-doh

Post on 16-Apr-2017

165 views

Category:

Software


2 download

TRANSCRIPT

Page 1: Natively Web App & Service Worker

Natively Web App & Service Worker@cwdoh, GDE for the Web

Page 2: Natively Web App & Service Worker

Natively Web App??

Page 3: Natively Web App & Service Worker

모바일 사용자가 네이티브 사용자를 추월...

한국은 이미 오래 전에...

Page 4: Natively Web App & Service Worker

�다수의 사용이 네이티브 앱에서...

더불어, 80%의 사용 시간이 단말에 설치된 Top 3 앱에서 소요

Page 5: Natively Web App & Service Worker

과거

Page 7: Natively Web App & Service Worker
Page 8: Natively Web App & Service Worker

SPA

Page 9: Natively Web App & Service Worker

근원적 이슈

무엇이 네이티브 앱과의 차이를 만드는가..

Page 10: Natively Web App & Service Worker

사용자의 요청과 서버의 응답 모델

로딩

Page 11: Natively Web App & Service Worker

Offline dinosaur :/

Page 12: Natively Web App & Service Worker
Page 13: Natively Web App & Service Worker

어떻게?

Page 14: Natively Web App & Service Worker

빠르게 로딩되며,

오프라인에서도 동작하고,

앱에 정보를 전달(Push)할 수 있으며,

네이티브 기능을 포함한다면...

Page 15: Natively Web App & Service Worker

그렇다면...

Page 16: Natively Web App & Service Worker

Instant Loading

Page 17: Natively Web App & Service Worker

오프라인에서도 동작하는 웹

Page 18: Natively Web App & Service Worker

원격 푸시 메세지

Page 19: Natively Web App & Service Worker

Rich Web App의 제작이 한층 가까워 지게 하는 네이티브 기능들

블루투스나 USB, 결제, 미디어 기능 등이 웹 플랫폼으로 진입을 시도 중

Web Bluetooth

Web MIDI

User Media

Web Payment

W3C 표준은 아니지만 웹 런칭 방식을 풍부하게 하기 위한...

Physical Web

Page 20: Natively Web App & Service Worker

심지어

Media Session를 이용해서 미디어 플레이어를 만들 수 있습니다.

Page 21: Natively Web App & Service Worker

가장 중요한 시작점: 웹앱, 어디에서부터 런칭하는가?

해결해야 하는 문제

문서가 로딩되어 있지 않거나...

백그라운드로 돌아가 있거나...

오프라인이거나...

Page 22: Natively Web App & Service Worker

Service Worker

다음 자료를 참조하세요.

서비스워커 101

서비스워커 201

샘플 코드

Page 23: Natively Web App & Service Worker

Thank you!