10월 29일 TIL - Service Worker

으어... 메일 답장하느라 거의 한 시간 걸렸네.. 오늘은 빠르고 짧게 가자...!

개발

Service Worker 개요

대부분 PWA의 기능은 Service Worker가 필요하다.

서비스 워커의 역할은 Event에 반응하는 것이다. 

 

제공 기능

1. 오프라인 액세스

2. 푸시 노티피케이션

3. 백그라운드 싱크

 

특징

1. 서비스 워커는 독립된 싱글 스레드를 가진다.

일반적인 JS 코드들도 싱글 스레드를 가진다. 하지만 서비스워커는 일반적인 JS 코드와 별도로 싱글 스레드를 가지는 것이다.

2. 자신만의 scope를 가진다.

서비스워커가 등록되면, 해당 도메인의 모든 페이지가 scope이다.

 

3. 서비스워커는 백그라운드 프로세스에서 작동한다.

- index.html에서 load되는 app.js 파일을 통해 등록이 되며, 자신을 등록한 page or 블라우저가 종료되도 백그라운드에서 실행된다.

- 모든 곳의 event를 처리할 수 있따.

 

4. https를 요구한다.

 

기타

1. 데이터를 fetch할 때, 서비스 워커는 http 요청에 대한 네트워크 프록시로 작동한다. 즉 요청을 조작하는 것이 가능하다

 

2. push notification을 브라우저의 별도 server로부터 받는다.

모든 브라우저는 Push Server를 가지는데, 우리의 Web Server가 Push Server에 push하면 Push Server는 Service Worker에게 push한다.

 

라이프 사이클 

1. install

- 말 그대로 설치

- install event가 일어날 때 hooking이 가능하다.

- 새로고침을 했을 때 서비스 워커에 변동사항이 없으면 재설치를 하지 않늗나.

 

2. activate

뭐

 

---

영어

- 오늘도 독해공부 책 완료~ 

- 아침마다 React Doc 읽으면서 가는데 생각보다 영어 단어 수집이 많이 되지 않는다... 혹시 공식 문서라서 쉬운 단어를 썼나??

 

---

오늘 시간이 너무 늦어서 후다닥 끝냈다. 내일은 서비스워커 실습까지 해봐야지