🌳ASH84

Maker, Developer, Adventurer 🤩

PROGRESSIVE WEB APP ROADSHOW 2017 KOREA

2017-04-21

커리어가 웹의 백엔드와 프론트 언저리에 걸쳐져 있는데 확실히 프론트엔드 개발쪽은 변화가 굉장히 빠르게 일어나고 있다는 것을 느낀다. AMP, PWA 에 대해서 도데체 뭔지 그리고 지금 결제 관련 일을 하고 있기 때문에 WebPaymentAPI 에 대해서 좀 더 알고자 참가하게 되었다.

행사 준비 자체는 잘 되었던것 같다. 스타벅스 커피도 있었고, 오후에는 도넛을 나눠줘서 다들 즐겁게 먹으면서 봤던것 같다.(나는 몸이 안좋아서 스킵)

PWA 에 대해서 주로 많은 설명을 들었다. 왜 이게 나오게 되었는지, 지향하는 부분이 어디인지, 그리고 기술적으로 어떻게 구현해야하는지 잘 설명해주고 있다. AMP 에 대해서 그리 많이 듣진 않았는데, 개인적으로 좀 별도의 페이지나 템플릿을 둬야 하나 하는 생각도 들었다. 전략적으로 선택해볼만 하지 않나 싶다.

WebPaymentAPI 는 이전에도 발표를 다른 세미나/컨퍼런스에서 보긴 했었는데 아직도 갈길이 멀다는 생각이 들었다. 이런 표준화? 같은 작업은 top-down 방식으로 작업이 되고 있을텐데, 각 나라별 결제 방식이 조금씩 다르기 때문에 PG나 관련 회사에서 적극적인 참여가 필요하지 않나 싶었다. 결국엔 우리나라 실정과 맞지 않아서 안쓰는 형태로 가지 않을까 싶다.


행사 링크 : https://gdg-korea-webtech.firebaseapp.com/pwa-roadshow17/

Keynote: Progressive Web Apps: What, Why and How(도창욱)

PWA Roadshow Seoul - Keynote from Chang W. Doh

Session 1: Service Workers for Instant and Offline Experiences(삼성전자 송정기)

PWA Roadshow Korea - Service Worker from jungkees

사용자에게 네이티브 앱같은 효과를 주자

PWA = 안정적, 빠르고, 고객을 쉽게 끌어 들인다.

기존 모바일 웹사이트를 PWA기술로 보완한다. 이미 많은 서비스들이 PWA 기술을 이용해서 구현하고 있다. PWA를 통해서 마케팅 적인 측면, 이탈율 감속, 실 구매율 증가 등의 효과를 보고 있다.

flipkart - 홈화면에 추가시, 주소표시줄이 없어짐. 앱처럼
weigo
twitter lite - twitter.com

Service Worker

Dedicated worker의 주기
- 페이지에 바인딩, 계속 살아 있다.

서비스워커의 주기
- 동작이 끝나면 종료 시킬 수 있다.

pwa.rocks

Session 2: Securing the Foundation with HTTPS(도창욱)

PWA Roadshow Seoul - HTTPS from Chang W. Doh

Session 3: Deep Engagement: Installable apps and Push Notifications(박상현)

슬라이드 링크 : https://docs.google.com/presentation/d/14_jRqn1xwe29RqXsy-uoVcrbt6tkuAW3sKr3PXZXliw/edit#slide=id.p11

Session 4: Tooling for Progressive Web Apps: Lighthouse and More(장기효)

2017GooglePWARoadshowLighthouse from Gihyo Joshua Jang

Session 5: AMP for Progressive Web Apps(조은)

AMP and PWA from Eun Cho

Session 6: Web Payments API(방진호)

슬라이드 링크 - https://docs.google.com/presentation/d/1MwAe4lLVpBEEjEGSj0EQ0nsp-tXL555iUp-OpwZlohI/edit#slide=id.p

Payment Request API

Payment Handler API

Session 7: PWA with React.js and Firebase

Session 8: PWA with Angular


#dev  #conference  #PWA  #AMP  #WebPaymentAPI  #ServiceWorker