Workbox
프로덕션에 즉시 사용 가능한 서비스 워커 라이브러리 및 도구
알아두어야 할 사항
서비스 워커 빌드 시 고려해야 할 지침입니다.
서비스 워커 배포에 대한 기대치
배포 후 서비스 워커가 웹사이트에 미치는 영향을 이해합니다.
버그가 있는 서비스 워커 삭제
문제를 일으키는 서비스 워커를 수정하는 방법
서비스 워커 개발 환경 개선
서비스 워커를 사용할 때 발생할 수 있는 로컬 개발 문제를 해결합니다.
문제 해결 및 로깅
Workbox의 로깅 기능과 브라우저 내 서비스 워커 디버깅 도구를 살펴봅니다.
다양한 아키텍처 전략
두 가지 웹사이트 아키텍처에 대해 소개합니다.
애플리케이션 셸 모델
SPA에서 애플리케이션 셸 모델을 서비스 워커와 페어링하는 방법
네트워크 중심 HTML을 위한 탐색 미리 로드
Navigation Preload의 정의, 탐색 속도를 높이는 방법, Workbox에서 이 기능을 사용하는 방법을 알아봅니다.
스트림이 포함된 더 빠른 다중 페이지 애플리케이션
워크박스 스트림을 사용하여 다중 페이지 애플리케이션을 만들어 거의 즉시 렌더링되는 빠른 환경을 만듭니다.
사전 캐싱 권장사항 및 금지사항
사전 캐싱의 해야 할 일과 하지 말아야 할 일에 대해 알아보세요.
스토리지 한도
저장용량 한도 문제를 방지하기 위해 Workbox를 구성하는 방법에 대한 가이드입니다.
사용 사례 및 레시피
다양한 사용 사례를 처리하여 Workbox를 최대한 활용하는 방법을 알아보세요.
작업 상자 창 사용
사용자가 오프라인 상태가 되는 경우가 있습니다. 이러한 변화에 적응하는 방법을 알아보고 사용자가 온라인에 다시 연결될 때 요청을 재개하도록 지원하세요.
런타임 중 리소스 캐싱
교차 출처 리소스를 포함하여 런타임 중에 리소스 캐싱을 처리하는 방법을 알아봅니다.
네트워크 시간 초과 강제 적용
네트워크 연결이 느릴 경우 적절한 타이밍에 네트워크 시간 제한을 강제로 설정하는 방법을 알아봅니다.
창에서 캐시 액세스
캐시 인스턴스에 액세스하는 것은 서비스 워커 범위에 국한되지 않습니다. 창 컨텍스트에서 액세스하는 방법을 알아봅니다.
캐시된 오디오 및 동영상 제공
workbox-range-request를 사용하여 예측 가능한 방식으로 오디오 및 동영상 리소스 요청을 처리하는 방법을 알아봅니다.
대체 응답 관리
사용자에게 네트워크 장애가 발생하거나 오프라인 상태가 되는 경우가 있습니다. 이러한 상황에 적응하고 대체 응답을 제공하는 방법을 알아보세요.
즉시 업데이트 처리
서비스 워커를 업데이트할 때 사용자를 업데이트하는 방법
다시 온라인 상태가 되면 요청 재시도
사용자가 오프라인 상태가 되는 경우가 있습니다. 변화에 적응하는 방법을 알아보고 사용자가 다시 온라인 상태가 되면 요청을 재개하도록 지원하세요.
Workbox 플러그인
Workbox는 기성 유틸리티를 많이 제공하지만 애플리케이션 요구사항을 충족하도록 이를 확장해야 할 수도 있습니다.
추가 리소스
Workbox 모듈, 소스 코드 등에 대해 자세히 알아보세요.
작업 상자 모듈
서비스 워커는 웹브라우저와 웹 서버 사이에서 프록시 역할을 하는 특수한 자바스크립트 애셋입니다.
GitHub의 Workbox
문제를 신고하고 출시 노트를 읽고 소스 코드를 살펴봅니다.