Service Worker API 알아보기

• Service Worker는 웹 페이지의 리소스 요청을 가로채고 수정할 수 있는 스크립트로, MSW에서는 네트워크 요청을 가로채기 위해, PWA에서는 캐싱을 통해 로딩 시간을 줄이기 위해 사용된다.

• Service Worker는 HTTPS에서만 동작하며, 기본 흐름은 로드, 설치 및 캐싱, 활성화, 그리고 네트워크 요청 가로채기로 구성된다.

• Service Worker는 웹 애플리케이션의 요청을 가로채고, 캐싱된 데이터를 제공하거나 네트워크 요청을 처리하며, 응답을 임의로 설정할 수 있는 기능을 제공한다. 캐싱된 리소스는 브라우저 내의 Cache Storage에 저장되며, 개발자 도구를 통해 이를 확인할 수 있다.

• JS Proxy API와 비교했을 때, Service Worker는 네트워크 요청을 가로채는 데 특화되어 있으며, 오프라인 지원 및 백그라운드 동작 등 웹 애플리케이션의 성능과 사용자 경험을 향상시키는 데 유리하다.