Next.js에서 MSW(Mock Service Worker)로 네트워크 Mocking하기

js 기반으로 마이그레이션하는 과정에서 겪었던 네트워크 Mocking의 어려움과 해결 과정을 공유합니다. 특히 단위 테스트 작성 시 발생하는 불필요한 코드 및 중복 코드 증가 문제를 해결하기 위해 MSW(Mock Service Worker) 도입을 고려하게 된 배경을 설명합니다.

기존에는 자체적으로 API를 모의하는 방식을 사용했지만, 이는 코드 관리의 비효율성을 야기했습니다. 글에서는 이러한 문제점을 지적하며 MSW 도입의 필요성을 강조하고, 앞으로 MSW를 활용하여 어떻게 효율적인 프론트엔드 개발 환경을 구축할지에 대한 내용을 다룰 것으로 예상됩니다.

할지에 대한 내용을 다룰 것으로 예상됩니다.