vite 기반의 React 프로젝트에서 msw 를 이용하여 모킹 서비스 만들기
우선 모킹 서비스를 이용하는 경우는 프론트엔드가 백엔드의 api 가 개발될 때 까지 계속 기다려야하는 문제들이 발생하였고 프론트엔드가 먼저 백엔드의 api 를 설계 또는 개발하여 선작업을 할 수 있도록 합니다. vite 기반의 React 프로젝트이며, msw(mock service worker) 를 적용하여 모킹 서비스를 만드는 과정을 단계별로 설명하겠습니다.시작1. msw 설치npm install msw --save-dev 2. msw 서비스 워커 생성하기npx msw init public/ --save 3. browser mock 생성하기// src/mocks/browser.jsimport { setupWorker } from 'msw/browser'import { handlers } from './..
개발../React
2024. 8. 6. 22:03
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- dockerfile
- Git
- 깃허브
- docker
- Storybook
- nextjs14
- vue composition api
- Vite
- vue router
- 스벨트
- Github Actions
- React
- NUXT
- nuxt2
- webpack
- nodejs
- seo
- openAI
- 오블완
- AWS
- svelte
- 네이버 서치 어드바이저
- cors
- NextJS
- 티스토리챌린지
- 서버 to 서버
- 타입스크립트
- nextjs13
- Embedding
- vscode
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함