서비스 워커에 대해 알아보고 Mock Response 만들기

본 글은 PWA(Progressive Web App)의 핵심 기능 중 하나인 서비스 워커에 대해 설명하고, 이를 활용하여 네트워크 요청을 가로채 Mock Response를 제공하는 방법을 소개합니다. 서비스 워커는 브라우저와 네트워크 사이에 위치하는 이벤트 기반 JavaScript 스크립트로, 네트워크 요청을 수정하거나 리소스를 캐싱하는 등 다양한 기능을 수행할 수 있습니다.

특히, 사용자가 브라우저 탭을 닫은 후에도 독립적으로 작동하여 푸시 알림 수신 및 백그라운드 데이터 동기화가 가능합니다. 글에서는 서비스 워커의 개념과 작동 방식을 설명하고, 실제 개발에서 유용하게 활용될 수 있는 Mock Response 구현 방법을 다룹니다.