Mock Service Worker1 (MSW) Mock Service Worker 사용법 - 개념부터 REST API 모킹 예제까지 (React + TypeScript + Vite) 포스팅 목차MSW란 무엇인가?MSW의 동작 원리 (Service Worker)MSW 설치 및 기본 세팅 (Vite + React + TypeScript)REST API 모킹 핸들러 작성법실전 예시 — 로그인 / 게시글 목록 API 모킹개발 환경 / 테스트 환경 분리 운영법실제 서버로 전환하기 (환경변수 분리)공부하면서 생겼던 의문점참고 자료1. MSW란 무엇인가?MSW(Mock Service Worker) 는 실제 백엔드 API 없이도 네트워크 요청을 가로채서가짜 응답(Mock)을 반환해주는 라이브러리입니다.왜 필요한가?프론트엔드 개발을 하다 보면 이런 상황이 자주 생깁니다.백엔드 API가 아직 개발 중인데 프론트는 먼저 진행해야 할 때에러 응답, 로딩 상태 등 특정 시나리오를 재현하기 어려울 때Stor.. 2026. 3. 14. 이전 1 다음
