Mock Service Worker (feat. vue)
1. Mock Service Worker(MSW)? 1) MSW란? MSW는 서비스 워커(아래에서 설명)를 사용하여, HTTP 요청을 가로채 모의 응답을 보내는 API 도구이다. MSW를 사용하면 사용자가 요청하는 것처럼 API를 구성할 수 있어, 실제 백엔드 API가 완성되어도 코드를 변경할 필요가 없다. 🙄 그런데, MSW를 사용하는 이유는 무엇일까? 백엔드 API를 그대로 쓰면 안될까? 프로젝트를 진행하다보면, 백엔드 개발이 예상보다 길어지는 경우가 발생한다. 이 경우 프론트는 UI적인 개발을 먼저할 수 있지만, 백엔드 개발을 기다리면서 시간을 낭비하는 게 좋지 않다. 그러므로 프론트에서는 백엔드로부터 API 요청&응답 형태를 요청받아 MSW로 작업하는게 좋다. 2) 서비스 워커란? 🤔 앞서 언급했..
2022. 2. 3.
