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