PWA (Progressive Web Apps) : 개념 및 학습 방법

 

PWA란?

프로그레시브 웹 앱 (Progressive Web Apps). 

웹과 네이티브 앱의 기능 모두의 이점을 갖도록 개발된 웹 앱이다.

어플리케이션을 설치하는 것보다 웹사이트에 방문하는 것이 훨씬 쉽고 빠르며, 링크로 웹 앱을 공유할 수도 있다.

 

2023년 2월 기준 전 세계 웹 사이트 트래픽의 60%가 모바일 디바이스를 통해 유입되었다.

모바일 환경에서 얼마나 잘 대처할 수 있는지가 프론트엔드 개발자의 역량을 좌우하는 하나의 척도가 될 수 있다.

 

특징

• 모바일 기기에서 네이티브 앱과 같은 사용자 경험을 제공함.
• 오프라인에서도 작동 가능 (오프라인에서 캐시된 데이터 사용)
• 푸시 알림 기능 제공
• 모바일 기기 자체의 기능 사용 가능 (카메라, 마이크 등)

 

 

PWA 학습 방법

1) Google PWA 학습 가이드

처음 공부할 땐 이걸로 하세용

https://web.dev/learn/pwa

Learn PWA

 

2) Github PWA-Builder

PWA 오픈소스 도구 모아둔 곳

https://github.com/pwa-builder

PWABuilder

 

3) PWA Summit

PWA 컨퍼런스

https://pwasummit.org/

PWA Summit, October 5-6

 

 

 

출처

https://yozm.wishket.com/magazine/detail/1969/

프론트엔드 개발자가 PWA 알아야 하는 이유 | 요즘IT

https://developer.mozilla.org/ko/docs/Web/Progressive_web_apps/Tutorials/js13kGames

프로그레시브 웹 앱 소개 - 프로그레시브 웹 앱 | MDN

 

 

---

 Learn PWA

뿌시러 가자 !