MSW - 더 나이스한 목킹을 위한 고민

간단 소개

MSW 도입으로 프론트엔드 개발 속도 향상, 테스트 효율 증대, 개발/디자인 협업 개선 효과를 얻었습니다.

AI Summary

MSW 도입 배경
- 프론트엔드 개발 시 백엔드 개발 속도 차이로 인한 대기 시간 발생
- API 응답 데이터 의존적인 로직에 대한 테스트 코드 작성의 어려움
- 기존 Mockup 방식의 한계 (중복 코드, 복잡성 증가)
MSW (Mock Service Worker) 소개 및 장점
- Service Worker 기술을 활용하여 네트워크 요청을 가로채 Mockup 데이터 제공
- 기존 방식 대비 간단한 Mockup 처리, 브라우저/Node 환경별 Mockup 데이터 활용 가능
- API 개발과 유사한 방식으로 사용이 용이
MSW 도입 효과
- 빠른 개발 및 피드백 반영: API 완성 전 디자인 검토 및 수정 가능
- 테스트 코드 집중도 향상: 공통 Mockup 데이터 사용, Mockup 데이터 개발/테스트 개발 분리