| sitelink1 | https://github.com/MicrosoftEdge/Demos |
|---|---|
| sitelink2 | https://developer.mozilla.org/en-US/docs...ome_screen |
| sitelink3 | https://github.com/mdn/pwa-examples |
- pwa-getting-started : 제목 그대로
- pwa-timer : 동작하는지는 확인 안됨
- pwa-to-do : 데모 사이트 있음 -> https://microsoftedge.github.io/Demos/pwa-to-do/
- pwamp : PWAmp는 웹 및 데스크톱 운영 체제를 위한 간단한 오디오 플레이어 앱입니다. HTML, CSS, 자바스크립트 및 Progressive Web App 기능으로 구축되어 있습니다.
> 웹앱 설치 (Add to Home screen - A2HS) 데모를 살펴볼 수 있음 -> https://microsoftedge.github.io/Demos/pwamp/ - CycleTracker : 생리 주기 추적을 위한 기본 앱입니다.
앱의 HTML에는 주기 주기 시작일과 종료일을 추가하는 양식이 포함되어 있습니다.
자바스크립트 앱 기능은 날짜를 정렬해 로컬 스토리지에 저장한다.
또한 로컬 스토리지에서 검색한 날짜를 양식 아래에 표시합니다.
앱에는 3개의 아이콘, 색상 구성 등이 있는 매니페스트 파일이 포함되어 있습니다.
이 앱에는 자산 캐싱을 처리하는 서비스 직원도 포함되어 있습니다. - a2hs : 홈 화면에 추가(A2HS) 작동 방식을 보여주기 위해 설정된 예제입니다. -> https://mdn.github.io/pwa-examples/a2hs/
이것은 앱이 홈 스크린에 추가될 수 있도록 하기 위한 아이콘 및 매니페스트 파일,
그리고 사이트가 오프라인으로 작동하도록 하기 위한 간단한 서비스 작업자를 포함합니다. - js13kpwa : JS13kGames 2017 대회에 출품된 A-Frame 출품작 목록으로, -> https://mdn.github.io/pwa-examples/js13kpwa/
프로그레시브 웹 앱에 대한 MDN 기사의 예시로 사용됩니다.
또한 js13kPWA는 App Shell 구조이며 Service Worker와 오프라인으로 작동하며 Manifest 파일 및 Add to Homes 화면 기능 덕분에 설치할 수 있으며
Notifications 및 Push를 사용하여 다시 참여할 수 있습니다.
※ 다운로드 : pwa-examples.7z
