Program Club

React js의 서비스 워커 란?

proclub 2021. 1. 8. 20:48
반응형

React js의 서비스 워커 란?


반응 앱을 만들 때 서비스 워커가 기본적으로 호출됩니다. 서비스 워커가 사용되는 이유는 무엇입니까? 기본 호출의 이유는 무엇입니까?


애플리케이션에 서비스 워커가 필요하지 않을 수 있습니다. create-react-app으로 프로젝트를 생성하는 경우 기본적으로 호출됩니다.

기사에서는 서비스 워커에 대해 잘 설명 합니다. 그것을 요약하려면

A service worker는 브라우저가 웹 페이지와 별도로 백그라운드에서 실행되는 스크립트로, 웹 페이지 나 사용자 상호 작용이 필요하지 않은 기능에 대한 문을 엽니 다. 오늘날, 그들은 이미 같은 기능을 포함 push notifications하고 background sync그리고이 ability to intercept and handle network requests포함 programmatically managing a cache of responses.

앞으로 서비스 워커는 periodic sync또는 같은 다른 것을 지원할 수 있습니다 geofencing.

PR에 따르면 create-react-app

Service workers를 통해 create-react-app에 도입되었습니다 SWPrecacheWebpackPlugin.

캐시 우선 전략과 함께 서버 작업자를 사용하면 네트워크가 더 이상 탐색 요청을 수행하는 데 병목 현상이 발생하지 않기 때문에 성능상의 이점이 있습니다. 그러나 이전에 캐시 된 리소스가 백그라운드에서 업데이트되기 때문에 개발자 (및 사용자)는 배포 된 업데이트가 페이지에 대한 "N + 1"방문시에만 표시되는 것을 볼 수 있습니다.

에 대한 호출 register service worker은 새 앱에서 기본적으로 활성화되어 있지만 언제든지 제거 할 수 있으며 일반 동작으로 돌아갈 수 있습니다.

참조 URL : https://stackoverflow.com/questions/49314386/what-is-service-worker-in-react-js

반응형