• https://github.com/LeeByeongMuk/next-starter-kit
• https://mswjs.io/
• https://github.com/nock/nock
• https://oliveyoung.tech/blog/2024-01-23/msw-frontend/

테스트 코드를 작성하다 보면 실제 API 요청을 보내야 하는 경우가 많습니다.

하지만 API가 완전히 구현되지 않았거나, 테스트 실행 시 서버 리소스를 소모하는 문제가 발생할 수 있습니다.

이 글에서는 API 모킹(Mock API) 기술이 필요한 이유와, MSW(Mock Service Worker)를 활용한 설정 방법을 정리합니다.

API 모킹이 필요한 이유

테스트 코드에서 API 요청을 실제 서버로 전송하면 다음과 같은 문제가 발생할 수 있습니다.

❌ API 요청을 직접 실행할 때 발생하는 문제

• 로컬 서버로 요청하는 경우 → 서버 상태에 따라 테스트 결과가 달라질 수 있어 신뢰성이 떨어질 수 있음
• 라이브 서버로 요청하는 경우 → 테스트 실행 시마다 실제 서버 리소스를 소모하며, 데이터가 변경될 위험이 있음

📌 해결 방법

이러한 문제를 방지하려면 API 요청을 모킹(mocking)하여 테스트 환경에서도 안정적으로 실행할 수 있도록 설정해야 합니다.