2019년 06월 8일
PWA 코드 랩이 있어 신청하여 가게 되었다.
토요일 오전인데도 불구하고 많은 사람들이 참여하였다.
PWA(Progressive Web App)은 웹에서도 앱에서 경험을
제공함으로써 브라우저에서 접근만으로 사용자에게 앱과 같은
편리함을 제공할 수 있다. PWA는 기술을 지칭하는 것이 아니다.
PWA는 홈스크린에 등록이 가능하고, 필요하면
로컬에 캐싱하여 오프라인 모드를 지원할 수도 있다.
오프라인 모드를 제공한다는 게 정말 신선했다.
무엇보다 브라우저 연결이라는 생갈을 하게 되면 항상 온라인이
되어야 할 것 같은데 캐싱 기능을 이용하여 오프라인도 지원한다.
PWA의 핵심 요소 중 하나는 service worker이다.
https://developer.mozilla.org/ko/docs/Web/API/Service_Worker_API
Service Worker API
Service worker는 기본적으로 웹 응용 프로그램, 브라우저 및 네트워크 (사용 가능한 경우) 사이에있는 프록시 서버의 역할을합니다. 또한 효과적인 오프라인 환경을 만들고 네트워크 요청을 가로 채고 네트워크 사용 가능 여부에 따라 적절한 조치를 취하고 서버에있는 자산을 업데이트하기위한 것입니다. 또한 푸시 알림 및 백그라운드 동기화 API에 대한 액세스를 허용합니다.
developer.mozilla.org
코드 랩을 통해서 service worker의 세부 기능을 구현해보았다.
Offline을 캐치해서 보여주었다.
https://codelabs.developers.google.com/codelabs/your-first-pwapp/
Your First Progressive Web App
Take a moment and put your phone into airplane mode, and try running some of your favorite apps. In almost all cases, they provide a fairly robust offline experience. Users expect that robust experience from their apps. And the web should be no different.
codelabs.developers.google.com
구글 코드랩을 통해, 날씨 웹앱을 구현을 해보았고,
기회가 되면 다른 코드 랩도 개인적으로 진행할 생각이다.
'세미나' 카테고리의 다른 글
| Taeyo 2019년 신년세미나 (0) | 2019.08.03 |
|---|---|
| I/O Extended 2019 WebTech 후기 (0) | 2019.07.14 |
| 2019 오픈소스개발자 이야기 후기 (0) | 2019.07.01 |
| JAVASCRIPT IS EVERYWHERE-2 (0) | 2019.06.23 |
| JAVASCRIPT IS EVERYWHERE-1 (0) | 2019.06.23 |
