서비스 워커(Service Worker)

*이 글에서는 서비스 워커의 설치와 사용법이 아니라 개념만 정리해 놓았습니다.

서비스 워커(Service Worker)

서비스 워커란 브라우저가 백그라운드에서 실행하는 웹페이지와는 별개로 작동하는 스크립트로, 오프라인 문제가 생겼을 경우 해결을 위해 등장했다.

서비스 워커는 개발자에게 오프라인 환경을 통제할 수 있는 권한을 부여함으로써, 오프라인 환경에서 캐시(cache)와의 상호작용, 백그라운드 동기화, 푸시 알림 등의 기능을 가능하게 하였다.

 

서비스 워커의 특징 

• 서비스 워커는 사용자가 요청해야 동작하고 할 일을 마칠 때까지 꺼지지 않는다.

• 서비스 워커는 웹페이지 밖에서 동작하기 때문에 웹브라우저의 열고 닫힘과 무관하게 동작한다.
  (웹 개발자는 이러한 서비스 워커의 lifecycle을 제어할 수 없다.)

• 웹페이지 밖에서 동작하기 때문에 DOM요소에 접근할 수 없다.

서비스워커의 주의점

• 웹 표준이 아니다.

• https가 적용되어 있어야 한다.

• Promise 사용법을 알아야 한다. 

 

*서비스 워커에 대해 이야기로 잘 정리해 놓은 글이라고 생각한다.

b.limminho.com/archives/1384

서비스 워커(Service Worker) 정체가 뭐니?

---

캐시와 상호작용

 

푸시 알림

 

백그라운드 동기화

---

참고

developers.google.com/web/fundamentals/primers/service-workers?hl=ko

서비스 워커: 소개  |  Web Fundamentals  |  Google Developers

so-so.dev/web/service-worker/

ServiceWorker 이모저모 이야기

developer.mozilla.org/ko/docs/Web/API/Service_Worker_API

Service Worker API - Web API | MDN