Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- NVM
- 인풋태그 엔터
- 원티트 프리온보딩인턴십 1주차
- 프로젝트
- 식별자란
- 원티드인턴십
- Redux
- 알고리즘
- Client-Side Navigation
- input error
- 유령 의존성
- 광고지구
- NextJs
- 원티드프리온보딩
- JavaScript
- Mac OS NVM
- Til
- 회고록
- react portal
- JS
- git
- 향해99
- Passed by Value
- Node
- CloudFront 무효화
- CPU와 GPU의 차이점
- jsEvent Loop
- next/link
- toast err
- react
Archives
- Today
- Total
목록msw (1)
SUIN
[TIL] 22.03.11 React Mock Service Worker(리액트 목 서비스워커로 모의데이터 사용해보기 )
통상적으로 data fetch를 해야 하는 경우 통신을 통해 응답을 내려주는 서버가 있어야 한다. 서버가 없는 경우, api 요청으로 내려올 데이터를 프론트에서 모킹하거나 서버의 역할을 해주는 무언가 필요하므로 MSW를 사용하여 모의 데이터를 만들어보는 공부를 했다. MSW - 데이터 목킹을 하는 라이브러리 - 리액트는 REST API & GraphQL support 한다. - 실제 서버와 동일한 주소여도 서로 올라가지 않고 Interceptor 해서 msw를 통해 데이터 처리가 가능하다 - 브라우저 내에 서비스워커를 띄운후 핸들러에 특정 api 설정을 하게되면 요청에 맞는 데이터를 받을 수 있다 - Browser 응답 요청 -> 서비스 봉사자가 상태 -> res clone -> msw 전송 -> 모킹 ..
TIL
2022. 3. 11. 16:27