프론트엔드
MSW - 더 나이스한 목킹을 위한 고민
두줄요약
MSW를 활용해 브라우저와 Node 환경에서 API 목킹을 통합하는 방법을 정리했습니다. 개발 속도 차이와 테스트용 목업 중복 문제를 줄인 사례를 소개했습니다.
핵심 내용
- MSW(Mock Service Worker)를 이용한 브라우저 및 Node 환경 목킹 방식 정리
- 백엔드·프론트 개발 속도 차이와 API 의존 테스트의 어려움 해결 사례
- 서비스워커 기반 요청 가로채기, handler·resolver 분리, setupWorker·setupServer 구성
- 공통 목업 데이터 활용으로 중복 코드 감소와 테스트 집중도 향상