프로그레시브 웹 앱
프로그레시브 웹 앱은 최신 웹 API와 전통적인 점진적 개선 전략을 함께 사용해 크로스 플랫폼 웹 어플리케이션을 생성합니다.
이러한 앱은 어디서든 동작하며 네이티브 앱에서의 사용자 경험 이점과 동일한 몇 가지 기능들을 제공합니다.
PWA 이점
PWA는 언제어디서든 온라인 및 오프라인에서도 사용 가능, 설치 가능, 연결 가능해야 하고, 네트워크에 독립적이어야 하고, 점진적이고 재참여가 가능해야하며 반응형이고 안전해야 합니다.
클라이언트 사이드 저장소
웹 저장소, IndexedDB, service worker를 언제 어떻게 사용하는지 보여주는 상세 가이드
Service worker 사용
Service Worker API에 대한 더 자세한 가이드.
IndexedDB 사용
IndexedDB의 근본에 대한 자세한 설명.
Web Storage API 사용
간단하게 만들어진 Web storage API.
Application Shell 구조
App Shell 코딩 패턴을 사용해 빠르게 로딩되는 앱을 생성하는 가이드.
Push API 사용
Web Push API의 기초에 대해 배우기.
Notifications API 사용
웹 알림 요약.
반응형 디자인 블록 구축
반응형 디자인 기초, 최신 앱 레이아웃 필수 주제 배우기.
모바일 우선
반응형 어플리케이션 레이아웃을 생성할 때, 보통 기본적으로 모바일 레이아웃을 생성하고, 더 넓은 상단 레이아웃을 구축 가이드
Progress Tracker
핵심 PWA 가이드
다음 가이드는 간단한 예제를 살펴보고 모든 조각이 어떻게 동작하는지 보여줌으로써 PWA 구현을 위해 해야하는 것들이 무엇인지 보여줍니다.
- 프로그레시브 웹 앱 소개 (en-US)
- 프로그레시브 웹 앱 구조 (en-US)
- Service worker를 사용해 PWA를 오프라인에서 동작하게 만들기 (en-US)
- PWA를 설치가능하게 만드는 방법 (en-US)
- 알림과 푸시를 사용해 PWA를 재참여(re-engageable)가능하게 만드는 방법 (en-US)
Smart Notification
도구
PWA을 구축하기 위한 다양한 개발 도구를 설명합니다.
- localForage
- ServiceWorkerWare
- oghliner
- sw-precache
- workbox
- upup
- The service worker cookbook
Fun, Varied Workout
관련사이트
Progressive Web Apps
Websites that took all the right vitamins.
- Progressive web apps
- Progressive Web Apps: Escaping Tabs Without Losing Our Soul
- Progressive Web Apps Check List
- The Lighthouse Tool
- Tools for building progressive web apps with Angula
- React PWA Guide Kit
- Offline-capable Pokédex web site
- Hacker News readers as Progressive Web Apps
4.8
4.8/5
Based on 420K reviews
4.8/5
웹의 경우, 접근성이 매우 좋다.
Emily Watson
Designer
4.8/5
설치하는 것보다 웹사이트에 방문하는 것이 훨씬 쉽고 빠르며, 링크로 웹 앱을 공유할수도 있다.
Tina Oliver
Influencer
4.8/5
모바일 사용자의 월간 앱 다운로드 수를 보여주는 통계를 보면 50% 이상의 사용자는 앱을 전혀 다운로드 하지 않는다.
Jennifer Dunn
Dance Teacher
4.8/5
모바일 사용자들은 한 달에 평균 100개 이상의 웹사이트를 방문한다고 한다.
George Weah
Model
4.8/5
네이티브 앱은 운영체제와 보다 잘 통합되므로 더 부드러운 사용자 경험을 제공할 수 있다.
Dan James
Engineer
4.8/5
네이티브 앱은 설치할 수 있으므로 오프라인에서 동작하며, 사용자는 홈 화면의 아이콘을 탭하여 브라우저를 사용하여 이동하는 것보다 선호하는 앱에 더 쉽게 접근할 수 있다.
Emma Tan
High School Student
WORDPRESS
0
+
CHANGE
0
+
DEV PROJECT
0
+
DEV GROUP
0
+