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