핵심 요약
매드업은 MSW 도입으로 백엔드-프론트 간 개발 속도 차이와 API 의존 테스트 문제를 해결했습니다.
구현 방법
- 브라우저와 Node 환경에서 모두 목업 데이터를 활용하도록 MSW를 설정
- 핸들러/리솔버 구조로 API 경로를 매핑
- 브라우저는 worker.start, 테스트는 setupServer로 활성화 및 beforeAll/afterAll 관리
- setupTests.js와 Jest 설정으로 반복 작업 자동화
주요 결과
- 목업 처리 간소화로 테스트 집중도 향상
- 중복 코드 감소와 일관성 증가
- 피드백 속도 개선으로 개발 효율성 상승
