프로덕션에 즉시 사용 가능한 서비스 워커 라이브러리 및 도구

서비스 워커 소개

서비스 워커로 웹사이트를 점진적으로 개선하는 방법과 Workbox가 어떻게 도움이 되는지 알아봅니다.
서비스 워커는 웹브라우저와 웹 서버 사이에서 프록시 역할을 하는 특수한 자바스크립트 애셋입니다.
오프라인 애플리케이션을 가능하게 하는 서비스 워커의 동작 방식 이해
서비스 워커의 가져오기 이벤트와 캐시 인터페이스 간의 상호작용 전략
일반적인 서비스 워커 라우팅 및 캐싱을 단순화하는 모듈 집합입니다.

알아두어야 할 사항

서비스 워커 빌드 시 고려해야 할 지침입니다.
배포 후 서비스 워커가 웹사이트에 미치는 영향을 이해합니다.
문제를 일으키는 서비스 워커를 수정하는 방법
서비스 워커를 사용할 때 발생할 수 있는 로컬 개발 문제를 해결합니다.
Workbox의 로깅 기능과 브라우저 내 서비스 워커 디버깅 도구를 살펴봅니다.
두 가지 웹사이트 아키텍처에 대해 소개합니다.
SPA에서 애플리케이션 셸 모델을 서비스 워커와 페어링하는 방법
Navigation Preload의 정의, 탐색 속도를 높이는 방법, Workbox에서 이 기능을 사용하는 방법을 알아봅니다.
워크박스 스트림을 사용하여 다중 페이지 애플리케이션을 만들어 거의 즉시 렌더링되는 빠른 환경을 만듭니다.
사전 캐싱의 해야 할 일과 하지 말아야 할 일에 대해 알아보세요.
저장용량 한도 문제를 방지하기 위해 Workbox를 구성하는 방법에 대한 가이드입니다.

사용 사례 및 레시피

다양한 사용 사례를 처리하여 Workbox를 최대한 활용하는 방법을 알아보세요.
사용자가 오프라인 상태가 되는 경우가 있습니다. 이러한 변화에 적응하는 방법을 알아보고 사용자가 온라인에 다시 연결될 때 요청을 재개하도록 지원하세요.
교차 출처 리소스를 포함하여 런타임 중에 리소스 캐싱을 처리하는 방법을 알아봅니다.
네트워크 연결이 느릴 경우 적절한 타이밍에 네트워크 시간 제한을 강제로 설정하는 방법을 알아봅니다.
캐시 인스턴스에 액세스하는 것은 서비스 워커 범위에 국한되지 않습니다. 창 컨텍스트에서 액세스하는 방법을 알아봅니다.
workbox-range-request를 사용하여 예측 가능한 방식으로 오디오 및 동영상 리소스 요청을 처리하는 방법을 알아봅니다.
사용자에게 네트워크 장애가 발생하거나 오프라인 상태가 되는 경우가 있습니다. 이러한 상황에 적응하고 대체 응답을 제공하는 방법을 알아보세요.
서비스 워커를 업데이트할 때 사용자를 업데이트하는 방법
사용자가 오프라인 상태가 되는 경우가 있습니다. 변화에 적응하는 방법을 알아보고 사용자가 다시 온라인 상태가 되면 요청을 재개하도록 지원하세요.
Workbox는 기성 유틸리티를 많이 제공하지만 애플리케이션 요구사항을 충족하도록 이를 확장해야 할 수도 있습니다.

추가 리소스

Workbox 모듈, 소스 코드 등에 대해 자세히 알아보세요.
서비스 워커는 웹브라우저와 웹 서버 사이에서 프록시 역할을 하는 특수한 자바스크립트 애셋입니다.
문제를 신고하고 출시 노트를 읽고 소스 코드를 살펴봅니다.