[Basic] Frontend의 이해 - Progressive Web Apps

1. Progressive Web App 

• 웹 기술을 사용하여 모바일 및 데스크톱 플랫폼에서 애플리케이션과 유사한 사용자 경험을 제공하는 웹 앱의 형태
• 앱 스토어에 등록하지 않고도 사용자들에게 다운로드 없이 웹을 통해 즉시 액세스할 수 있는 기능 제공
• 모든 디바이스에 반응형으로 동작 하여 데스크톱, 모바일, 태블릿 등 다양한 환경에서 최적화된 사용자 경험을 제공
• 네이티브 앱과 유사한 사용자 경험을 제공
• 홈 화면에 아이콘을 추가하고, 오프라인에서도 동작하며, 알림을 보내는 등의 기능을 제공
• Service Worker를 사용하여 오프라인에서도 동작
• 네트워크 연결이 불안정하거나 없을 때에도 캐시된 데이터를 사용하여 앱을 실행할 수 있음
• 웹 검색 엔진에서 검색되고, 공유 가능한 URL을 사용하여 손쉽게 공유
• 앱을 찾아 설치하는 과정 없이 웹을 통해 즉시 액세스
• HTTPS를 사용하여 보안을 강화하고 사용자 데이터의 안전성과 개인 정보 보호를 보장
• 개발 및 배포 과정이 간소화

예시 : Naver PWA

- 한국에서 가장 대표적인 포털 사이트인 Naver에서는 PWA 버전인 "Naver PWA"를 제공

- 모바일 사용자들에게 네이버 서비스를 웹 앱으로 제공

- 빠른 로딩 속도와 오프라인 기능을 제공

- 검색, 뉴스, 메일, 쇼핑 등 다양한 기능을 PWA로 접근

- 홈 화면에 아이콘을 추가하여 편리하게 액세스