통합 테스트 — MSW로 API 모킹하기

Next.js 프로젝트에서 MSW(Mock Service Worker)를 활용해 통합 테스트를 작성하는 방법을 다룹니다. 단위 테스트와의 차이를 명확히 하고, 유저 프로필 조회와 로그인 폼 같은 실전 예제를 통해 컴포넌트-API 연동 테스트를 구현합니다. Next.js Route Handler 테스트와 핸들러 관리 전략도 함께 안내합니다.

테스트가 뭔데? — 4가지 테스트 유형 완전 정리

Next.js 웹 서비스를 만들었지만 테스트 개념이 없는 개발자를 위해, 소프트웨어 테스트의 4가지 유형(정적 테스트, 단위 테스트, 통합 테스트, E2E 테스트)을 정의하고 각각의 역할과 비용을 비교합니다. 테스트 피라미드를 기준으로 실무에서 어떤 비율로 가져가야 하는지 안내합니다.