6부로 구성된 새로운 교육과 함께 새로운 코드랩을 통해 프로그레시브 웹 앱을 시작해 보세요.
4년 전 마지막으로 PWA 교육 세트를 출시한 이후 프로그레시브 웹 앱 세계에서는 많은 변화가 있었습니다. CSS Grid가 광범위한 구현을 달성하고 PWA를 데스크톱에 도입했으며 기능 프로젝트를 통해 25개가 넘는 새로운 기기 통합 API를 출시하여 완전히 웹에서 빌드할 수 있는 완전히 새로운 앱 세그먼트가 생겨났습니다. 오늘 새로 업데이트된 PWA 교육의 첫 번째 반복을 공유하게 되어 기쁘게 생각합니다. 이 교육에서는 모든 기기를 대상으로 안정적이고, 설치 가능하며, 성능이 뛰어난 프로그레시브 웹 앱을 빌드하는 방법을 알려 드리고자 합니다.
현재 버전의 교육은 6개의 슬라이드 자료로 구성되어 있으며, 이를 통해 학습하거나 다른 사람에게 전달할 수 있습니다. 각 필터는 다음과 같습니다.
이 새로운 자료와 함께, 슬라이드 자료 전반에 걸쳐 배운 개념을 사용하여 웹 앱을 프로그레시브 웹 앱으로 전환하는 방법을 안내하는 8개의 새로운 Codelab이 있습니다. 원하는 Codelab으로 바로 이동하여 개별적으로 작업하거나 하나씩 살펴볼 수 있습니다. 원하는 대로 선택할 수 있습니다. 각 필터는 다음과 같습니다.
- 오프라인으로 전환 - 서비스 워커를 작성하여 콘텐츠를 오프라인으로 캐시하고 제공하기 위한 기본사항
- Workbox 사용 - Workbox를 사용하여 서비스 워커 작성
- IndexedDB - IndexedDB를 사용하여 데이터 저장 및 검색
- 작업 표시줄 탭 - 웹 앱을 설치 가능하게 만들고 앱 바로가기를 제공합니다.
- 설치 메시지 표시 및 측정: 인앱 설치 메시지 추가 및 성공을 추적할 위치
- PWA 강화 - 로컬 파일 시스템 액세스 및 파일 핸들러 등록 등 고급 기능 추가
- 서비스 워커에 포함 - 스트리밍 서비스 워커 응답을 동적으로 생성
- 작업자 사용 - 웹 작업자를 사용하여 기본 스레드에서 작업 오프로드
향후 몇 개월에 걸쳐 Google은 슬라이드 자료 콘텐츠를 소비하기 쉬운 형식으로 변환하고 업데이트할 예정입니다. 이렇게 하면 콘텐츠를 더 쉽게 최신 상태로 유지할 수 있으므로 콘텐츠를 다시 푸시하기 위해 4년을 기다릴 필요가 없습니다. 이 공간을 계속 지켜봐 주세요. 웹 앱의 미래는 매우 흥미롭습니다. 웹 앱을 빌드하는 방법을 알려드릴 수 있어 기쁩니다.