프론트엔드 개발을 진행하다 보면 백엔드가 완전히 구현되지 않았거나, 특정 예외 상황을 처리해야 하는 경우가 많습니다.

이 글에서는 MSW(Mock Service Worker)를 활용한 API 모킹 방법을 소개합니다.

MSW를 사용하면 실제 API가 없어도 프론트엔드 개발을 원활하게 진행할 수 있으며,

테스트 환경에서도 일관된 API 응답을 제공할 수 있어 유지보수가 용이합니다.


MSW란?

MSW(Mock Service Worker)는 네트워크 요청을 가로채 가짜 응답을 반환하는 도구입니다.

다른 API 모킹 라이브러리와 달리, 브라우저와 Node.js 환경에서 동일한 방식으로 동작하기 때문에 유지보수가 용이합니다.


MSW의 장점

백엔드 없이 개발 가능

테스트 자동화

일관된 환경 제공