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
- git
- 회고록
- CPU와 GPU의 차이점
- 알고리즘
- NVM
- Node
- 식별자란
- JavaScript
- Til
- 광고지구
- 유령 의존성
- NextJs
- react portal
- jsEvent Loop
- 원티트 프리온보딩인턴십 1주차
- react
- 향해99
- 프로젝트
- Mac OS NVM
- next/link
- 인풋태그 엔터
- Passed by Value
- Redux
- 원티드인턴십
- 원티드프리온보딩
- Client-Side Navigation
- toast err
- JS
- CloudFront 무효화
- input error
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