프로그레시브 웹앱은 웹과 앱의 장점을 합친 애플리케이션입니다. 두 플랫폼의 장점을 호환하고 네트워크가 없는 환경에서도 애플리케이션을 구동할 수 있게 하기 위해 service worker, cache, web storate, indexedDB 등 다양한 기술을 활용합니다.
프로그레시브 웹앱인지 아닌지를 구분하는 기준은 아래와 같습니다.
- 모바일 화면과 웹 화면 모두에서 구동 가능한 반응형 애플리케이션 일 것
- 네트워크에 연결되지 않아도 애플리케이션의 모든 기능을 사용 가능할 것
- Web push API, Notifications API 등일 사용하여 업데이트 알림 등으로 사용자가 해당 애플리케이션을 사용할 수 있도록 소통이 가능할 것
- 전용 아이콘을 통해 애플리케이션을 사용 가능할 것
- 애플리케이션 설치 없이 URL을 통해 접속 가능할 것
- 모든 브라우저에서 동일한 수준의 서비스 제공이 가능할 것
- 보안성 보장 (HTTPS 사용)
웹앱을 만들기 위한 기타 기술들
Web app manifests
참고 Web app manifests | MDN Web app manifests are part of a collection of web technologies called progressive web apps (PWAs), which are websites that can be installed to a device's homescreen without an app store. Unlike regular web apps with simple ho
jin-co.tistory.com
Add to Home screen
참고 Add to Home screen - Progressive web apps (PWAs) | MDN Add to Home screen (or A2HS for short) is a feature available in modern browsers that allows a user to "install" a web app, i.e. add a shortcut to their Home screen representing their favorite w
jin-co.tistory.com
참고
web.dev
살아 생동하는 데 필요한 요소를 모두 갖춘 웹사이트.
web.dev
Progressive web apps (PWAs) | MDN
Progressive Web Apps (PWAs) are web apps that use service workers, manifests, and other web-platform features in combination with progressive enhancement to give users an experience on par with native apps.
developer.mozilla.org
'웹 개발 알아두기 > 웹 디자인' 카테고리의 다른 글
| 색 (9) | 2023.02.04 |
|---|---|
| Add to Home screen (A2HS) (0) | 2022.12.29 |
| Web app manifests (0) | 2022.12.29 |
| 반응형 디자인 (responsive design) (0) | 2022.12.29 |
| User Experience (UX) (0) | 2022.12.23 |
