PWA : 프로그레시브 웹 앱(Progressive Web App), 웹과 앱의 결합

PWA(Progressive Web App)는 웹사이트를 앱처럼 동작하도록 설계한 기술로, 사용자는 URL을 통해 접근하지만 네이티브 앱과 유사한 경험을 제공합니다. 설치형 앱의 장점을 웹에 통합해 빠르고 편리한 접근성을 제공합니다.

주요 특징

• 앱 설치 : PWA는 홈 화면에 아이콘을 추가하여 빠르게 접근할 수 있습니다.
• 오프라인 사용 : 서비스 워커(Service Worker)를 통해 오프라인 상태에서도 콘텐츠를 사용할 수 있습니다.
• 푸시 알림 : 브라우저를 통해 알림을 받아 사용자 참여를 유도합니다.
• 반응형 디자인 : 모든 기기에서 동일한 사용자 경험을 제공합니다.

장점

• 빠른 성능과 접근성 : 네트워크 상태에 관계없이 빠르게 로딩됩니다.
• 저장 공간 절약 : 앱 설치 없이 공간을 적게 차지합니다.
• 개발 비용 절감 : 웹 기반으로, 한 번 개발하여 모든 플랫폼에서 사용 가능합니다.

네이티브 앱과 비교

• 설치 방식: PWA는 브라우저에서 설치, 네이티브 앱은 스토어에서 설치합니다.
• 성능: 네이티브 앱은 장치 기능을 직접 사용하지만, PWA는 웹 기능에 중점을 둡니다.
• 개발과 유지보수: PWA는 웹 기술(HTML, CSS, JS)로 개발해 간편합니다.

활용 사례

• 스타벅스(Starbucks)

 

 

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

프로그레시브 웹 앱(PWA)이란 무엇이며, 왜 필요한가? - wishket

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