🔍 프론트엔드 테스트의 핵심, MSW를 실제 Next.js 프로젝트(내가 춘자라니 👩)에 적용해 보기

항해 플러스 프론트엔드 과정 7주차에서 프론트엔드 개발자들의 필수 역량으로 떠오른 테스트 코드에 대해 깊이 있게 학습했습니다 😊

특히 실무에서 가장 유용하게 활용될 것 같은 MSW(Mock Service Worker)를 제가 운영 중인 '내가 춘자라니' 프로젝트에 직접 도입해보는 도전을 했습니다.

비록 미니 프로젝트에 MSW를 도입하는 게 다소 과했을 수 있지만, 이 과정에서 Next.js 환경에서의 MSW 설정부터 실제 사용까지 귀중한 경험을 쌓을 수 있었습니다.

특히 프론트엔드/백엔드 협업 시 API가 완성되기 전에 프론트 개발을 진행해야 하는 실무 상황에서, MSW를 효과적으로 활용할 수 있는 자신감을 얻었습니다 💪

제가 직접 경험한 Next.js 프로젝트의 MSW 도입기가 궁금하시다면 벨로그를 방문해 주세요 🫶👇