서비스 워커와 Mock Response

이 게시물은 서비스 워커의 개념과 이를 활용하여 네트워크 요청을 가로채 Mock Response를 생성하는 방법에 대해 설명합니다.

서비스 워커의 역할

• 웹페이지와 네트워크 사이의 중간 계층으로 작동
• 오프라인 기능과 리소스 캐싱 지원
• 푸시 알림 및 백그라운드 데이터 동기화 가능

응답 수정 및 메시지 통신

서비스 워커는 fetch 이벤트를 가로채어 요청을 수정하거나 새로운 응답을 생성하며, 페이지와의 메시지를 통해 데이터 교환을 수행할 수 있습니다.