Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- react-query&Next.js
- TypeScript
- 결제페이지
- no router instance found
- Next.js
- 리액트
- router instance
- react-query v5
- nextjs
- 캡스톤디자인 후기
- state 관리
- SSR
- 사내 오류 대응
- 사내 오류 해결
- ClientSide
- node.js
- React
- JS변수
- 기술낙서장
- React.JS
- MSW
- javascript
- 더블엔씨
- state 사용하기
- SW캡스톤디자인
- react-query 도입후기
- 사내 이슈
- react-query
- 일상 생각
- 기술 낙서장
Archives
- Today
- Total
목록MSW (1)
코딩을 잘하고 싶은 코린이 동토니
Next.js app router에 MSW 적용하기
사내 비즈니스 프로젝트인 제휴몰에서의 결제방식을 내부 결제 시스템으로 연결하는 작업이있었고 이를 위해 MSW를 통해 결제시스템 연결을 사전준비하기로 했다. 이슈사내 결제시스템으로 연결하기 위해선 구매하려는 콘아이템의 정보가 필요하다.하지만 구매 이전 단계의 화면들이 기획되지 않았고 API를 어떤 라우터를 사용해야하는지도 명확하지 않았기 때문에 어차피 결제 페이지 연동만 할거라면 주문서 작성에 필요한 데이터만 모킹해서 사내 결제시스템으로 연결하기로 결정했다.MSWMSW는 mock service worker의 줄임말로 브라우저의 서비스 워커를 통해 서버로 호출하는 실제 네트워크 요청을 intercept해서 가상의 response를 보내주는 API mocking 라이브러리이다.MSW를 사용하면 실제 data를..
Web/Next.js
2024. 9. 3. 15:26