목록 보기
MSW - 더 나이스한 목킹을 위한 고민
프론트엔드

MSW - 더 나이스한 목킹을 위한 고민

매드업
매드업
2023년 6월 11일

두줄요약

MSW를 활용해 브라우저와 Node 환경에서 API 목킹을 통합하는 방법을 정리했습니다. 개발 속도 차이와 테스트용 목업 중복 문제를 줄인 사례를 소개했습니다.

핵심 내용

  • MSW(Mock Service Worker)를 이용한 브라우저 및 Node 환경 목킹 방식 정리
  • 백엔드·프론트 개발 속도 차이와 API 의존 테스트의 어려움 해결 사례
  • 서비스워커 기반 요청 가로채기, handler·resolver 분리, setupWorker·setupServer 구성
  • 공통 목업 데이터 활용으로 중복 코드 감소와 테스트 집중도 향상

다음 읽기

#MSW 주제를 다룬 다른 회사 글

MSW 모킹 코드 재사용하기 feat. Storybook, Jest

Storybook 스토리에 선언한 MSW 핸들러를 Custom Render로 Jest 테스트에서 재사용했습니다. 테스트 후 핸들러 초기화와 Node.js 절대 URL 처리 방법도 소개합니다.

카카오엔터테인먼트FE
카카오엔터테인먼트FE
프론트엔드
전체 보기

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...