---
type: snippet
tags: ['fetch', 'service-worker', 'mock', 'msw']
status: release
ctime: 2022-04-09
mtime: 2024-03-22
---

서비스워커로 [fetch](https://developer.mozilla.org/ko/docs/Web/API/FetchEvent)를 감지해서 해당 기능을 구현한다는 내용.
개인적으로는 mock은 간단하게 구현 가능할 것 같은데 이미 같은 기능의 잘 만들어진 라이브러리들이 있으니까 아이디어 정도로 생각하면 될 것 같다.

```js
addEventListener('fetch', e => { 
  // e.request
  // e.respondWith
})
```

- [How To Run a Proxy Server Inside Your Browser | by Danny Moerkerke | Better Programming](https://betterprogramming.pub/how-to-run-a-proxy-server-inside-your-browser-8b96ea2ef1ea)
- [MSW – Seamless API mocking library for browser and Node | Mock Service Worker](https://mswjs.io/)