프로그레시브 웹 앱 Progressive Web Apps

제이슨 그릭스비 지음/ 박연오 옮김 / A BOOK APART webactually 

 

책 마지막 부분에 참고 URL 이 있는데, 요새 스캔으로 텍스트 인식이 어느 정도 되나 볼겸 정리했습니다. 링크는 다 연결되는지 확인은 못했지만,

https://bkaprt.com/pwa/ 번호 예)  https://bkaprt.com/pwa/00-01 까지 타이핑 하면 갈 수 있지만 사이트를 보는 건 또 다른 의미 

vFlat 앱 이용!

 

이 책에서 사용한 단축 URL은 등장 순서에 따라 부여되었다. 각 URL에 연결된 실제 URL을 아래에 올려둡니다. 책 읽고 클릭해봐야지 합니다.

 

** 저작권 문제가 있으면 삭제하겠습니다.

 

참고 URL 

서문

00-01 https://developers.google.com/web/showcase/2016/housing
00-02 https://www.youtube.com/watch?v=_pmjBZi5zY0

1장 프로그레시브 웹 앱의 정의

01-01 https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/ 
01-02 https://developers.google.com/web/progressive-web-apps/ 
01-03 https://www.youtube.com/watch?v=PsgW-0M67TQ&t=340s  
01-04 https://fberriman.com/2017/06/26/naming-progressive-web-apps/ 
01-05 https://adactio.com/journal/13098 
01-06 https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/

2장 프로그레시브 웹 앱의 사례

02-01 https://magento.com/news-room/press-releases/magento-reimagine-mobile-commerce-progressive-web-app 
02-02 https://www.youtube.com/watch?v=Di7RvMlk9io
02-03 https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154
02-04 https://www.youtube.com/watch?v=PsgW-0M67TQ&t=2044s
02-05 https://www.pwastats.com
02-06 https://www.comscore.com/Insights/Presentations-and-Whitepapers/2016/The-2016-US-Mobile-App-Report
02-07 https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report
02-08 https://www.emarketer.com/Article/Cost-of-Acquiring-Mobile-AppUser/1016688
02-09 http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/ 
02-10 https://medium.com/dev-channel/why-are-app-install-banners-still-athing-18f3952d349a 
02-11 https://letsencrypt.org 
02-12 https://istlsfastyet.com/
02-13 https://blog.chromium.org/2017/04/next-steps-toward-moreconnection.html
02-14 https://www.chromium.org/Home/chromium-security/marking-httpas-non-secure
02-17 https://www.slideshare.net/devonauerswald/walmart-pagespeedslide 
02-18 https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98eceo 
02-19 https://tech.treebo.com/we-didnt-see-a-speed-limit-so-we-made-it-fastertreebo-and-pwas-the-journey-so-far-f7378410abc7 
02-20 https://developers.google.com/web/showcase/2016/extra 
02-21 https://developers.google.com/web/showcase/2017/lancome 
02-22 https://developers.google.com/web/showcase/2017/olx 
02-23 https://developers.google.com/web/showcase/2016/carnival
02-24 https://www.mobilemarketer.com/news/can-progressive-web-apps-solve-the-app-vs-browser-dilemma/510344/
02-25 http://www.mapscripting.com/how-to-use-geolocation-in-mobilesafari.html
02-26 https://paperplanes.world/
02-27 https://developers.google.com/web/showcase/2016/aliexpress 
02-28 https://twitter.com/josephjames/status/779068864231505921

3장 앱의 느낌 살리기

03-01 https://adactio.com/journal/6246/ 
03-02 https://medium.com/@owencm/designing-great-uis-for-progressive-webapps-dd38c1d20f7
03-03 https://css-tricks.com/snippets/css/system-font-stack/ 
03-04 https://drafts.csswg.org/css-fonts-4/#system-ui-def 
03-05 https://caniuse.com/#search=system-ui 
03-06 https://infinnie.github.io/blog/2017/systemui.html 
03-07 https://superdevresources.com/material-design-web-ui-frameworks/ 
03-08 https://www.quora.com/Why-is-Google-Chrome-browser-named-as-Chrome/answer/Glen-Murphy 
03-09 https://www.w3.org/TR/appmanifest/#display-modes 
03-10 https://www.moovweb.com/anyone-use-social-sharing-buttons-mobile/ 
03-11 https://blog.easy-designs.net/archives/dont-sell-out-your-users 
03-12 https://www.w3.org/TR/clipboard-apis/ 
03-13 https://wicg.github.io/web-share/
03-14 https://developers.google.com/web/updates/2016/09/navigator-share 
03-15 https://hightide.earth
03-16 https://medium.com/@addyosmani/progressive-web-apps-with-reactjspart-2-page-load-performance-33b932d97cf2
03-17 https://cloudfour.com/thinks/why-does-the-washington-postsprogressive-web-app-increase-engagement-on-ios/
03-18 https://page-transitions.com/
03-19 https://css-tricks.com/native-like-animations-for-page-transitions-onthe-web/
03-20 https://developers.google.com/web/fundamentals/performance/rendering/stick-to-compositor-only-properties-and-manage-layer-count 
03-21 http://barbajs.org
03-22 https://infrequently.org/2017/10/can-you-afford-it-real-world-webperformance-budgets/
03-23 https://developers.google.com/web/fundamentals/performance/prplpattern/
03-24 https://github.com/turbolinks/turbolinks 
03-25 https://paul.kinlan.me/progressive-progressive-web-apps/
03-26 https://developer.apple.com/ios/human-interface-guidelines/overview/themes/
03-27 https://material-components-web.appspot.com/button.html
03-28 https://codepen.io/dsenneff/full/2c3e5bc86b372d5424booedaf4990173/ 
03-29 https://csstriggers.com/
03-30 https://developers.google.com/web/fundamentals/performance/rendering/stick-to-compositor-only-properties-and-manage-layer-count

4장 앱 설치와 앱 스토어 검색

04-01 https://thishereweb.com/understanding-the-manifest-for-web-app3f6cd2b85306
04-02 https://cloudfour.com/manifest.json
04-03 https://www.w3.org/TR/appmanifest/
04-04 https://manifest-validator.appspot.com/
04-05 https://developers.google.com/web/ilt/pwa/lab-auditing-with-lighthouse
04-06 https://infrequently.org/2015/09/what-exactly-makes-something-2progressive-web-app/
04-07 https://www.youtube.com/watch?v=m-sCdS0sQO8&t=831s

04-08 https://developers.google.com/web/updates/2018/06/a2hs-updates 
04-09 https://www.pwabuilder.com/ 
04-10 https://phonegap.com/ 
04-11 https://developers.google.com/web/updates/2017/10/using-twa 
04-12 https://twitter.com/_developit/status/922512745378979840

5장 오프라인

05-01 https://developers.google.com/web/tools/workbox/ 
05-02 https://material.money/
05-03 https://developers.google.com/web/fundamentals/instant-and-offline/offline-ux
05-04 https://www.thinkwithgoogle.com/intl/en-gb/consumer-insights/trivago-embrace-progressive-web-apps-as-the-future-of-mobile/ 
05-05 https://www.webcomponents.org/element/polymerelements/app-storage
05-06 https://wiki-offline.jakearchibald.com/
05-07 https://wicg.github.io/BackgroundSync/spec/
05-08 https://jakearchibald.github.io/isserviceworkerready/

6장 푸시 알림

06-01 http://info.localytics.com/blog/the-inside-view-how-consumers-reallyfeel-about-push-notifications
06-02 http://info.localytics.com/blog/2015-the-year-that-push-notificationsgrew-up
06-03 https://twitter.com/codevisuals/status/838881724016787457 
06-04 https://www.youtube.com/watch?v=PsgW-0M67TQ&t=1370s
06-05 https://tests.peter.sh/notification-generator/ 
06-06 https://www.gauntface.com/

7장 프로그레시브 웹 앱 너머의 기능

07-01 https://www.ampproject.org/
07-02 http://www.thesempost.com/google-search-amp-clicks-non-news-sites/ 
07-03 https://www.theverge.com/2016/12/6/13850230/fake-news-sites-googlesearch-facebook-instant-articles 
07-04 http://ampletter.org/
07-05 http://blog.chartbeat.com/2018/02/15/google-is-up-what-to-do-about-it 
07-06 https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/
07-08 https://developers.google.com/web/showcase/2016/ali-express-smartlock
07-09 https://developers.google.com/web/showcase/2016/guardian-smartlock
07-10 https://developer.mozilla.org/en-US/docs/Web/API/Web_Authentication_API
07-11 https://www.wired.com/story/webauthn-in-browsers/
07-12 http://www.adweek.com/digital/survey-56-of-u-s-consumers-haveabandoned-a-mobile-transaction/
07-13 https://baymard.com/lists/cart-abandonment-rate
07-14 https://developer.apple.com/documentation/applepayjs
07-15 https://lists.w3.org/Archives/Public/public-payments-wg/2016Jun/0013.html
07-16 https://github.com/GoogleChromeLabs/appr-wrapper
07-17 https://www.mobify.com/customers/pureformulas/
07-18 https://www.wompmobile.com/payment-request-api-case-study
07-19 https://www.youtube.com/watch?v=1-g1rvkORQ8&t=381s

8장 점진적 로드맵

08-01 https://articles.uie.com/kj_technique/ 
08-02 http://www.webpagetest.org/ 
08-03 https://webhint.io/ 
08-04 https://developers.google.com/web/updates/2018/05/first-input-delay 
08-05 https://www.youtube.com/watch?v=yURLTwZ3ehk

9장 모두를 위한 웹

09-01 https://www.wired.com/2010/08/ff-webrip/ 
09-02 https://twitter.com/slightlylate/status/740228002311639040 
09-03 https://twitter.com/brucel/status/740252470354542592 
09-04 http://www.comscore.com/Insights/Presentations-and-Whitepapers/2016/The-2016-US-Mobile-App-Report
09-05 https://www.vox.com/2016/6/8/11883518/app-boom-over-snapchatuber
09-06 https://twitter.com/scottjehl/status/740904147524947968
09-07 https://android-developers.googleblog.com/2016/05/android-instant-apps-evolving-apps.html 
09-08 https://tech.economictimes.indiatimes.com/news/internet/for-flipkartthis-app-makes-rural-connect/59676200 
09-09 https://developers.google.com/web/showcase/2017/ola

참고 자료

10-01 https://abookapart.com/products/going-offline
10-02 https://www.manning.com/books/progressive-web-apps 
10-03 https://www.smashingmagazine.com/2016/02/making-a-service-worker/
10-04 https://www.gauntface.com/
10-05 https://webpushdemo.azurewebsites.net/
10-06 https://docs.google.com/document/d/1WNPIS_2FoeyDm5SS2E6LZ_75tk6XtBSnRixNjWJ_DPE/edit#heading=h.v5v9jr5ngiiw
10-07 https://developers.google.com/web/showcase/
10-08 https://medium.com/@addyosmani
10-09 https://mobiforge.com/design-development/bootstrapping-progressiveweb-apps-with-amp-install-serviceworker
10-10 https://developers.google.com/web/fundamentals/security/credentialmanagement/
10-11 https://www.smashingmagazine.com/2018/01/online-purchasepayment-request-api/
10-12 https://developers.google.com/web/tools/lighthouse/ 
10-13 https://whatdoesmysitecost.com 
10-14 https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-1/ 
10-15 https://youtu.be/eGolLA2k5q0