Vitest

실전 품질: 테스트, 배포, 유지보수

작성자:

본편의 마지막 편으로, greet-cli와 gitx를 실전 배포 수준으로 끌어올린다. 테스트 전략의 핵심은 순수 로직과 IO의 분리이며, fetch와 child_process.spawn을 vitest로 모킹하는 패턴을 코드로 보여준다. cosmiconfig로 하드코딩 제거, package.json의 files/engines/prepublishOnly 필드, npm publish –dry-run으로 사전 점검, 시맨틱 버저닝과 CHANGELOG, GitHub Actions 기반 자동 릴리스 (+ npm provenance), README 베스트 프랙티스까지 커버한다. 플러그인·TUI·단일 바이너리 등 다음 단계 주제와 번외편 예고로 시리즈를 마무리한다.

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

작성자:

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

단위 테스트 — Vitest로 첫 테스트 작성하기

작성자:

Next.js 프로젝트에 Vitest를 설치하고 첫 번째 단위 테스트를 작성하는 과정을 안내합니다. 유틸 함수 테스트부터 React Testing Library를 활용한 컴포넌트 테스트까지 다루며, 테스트 케이스 선정 기준, 파일 위치 전략, 자주 쓰는 매처를 실무 관점에서 정리합니다.