일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 기본
- CSS-in-JS
- 리액트쿼리
- mockoon
- 목킹
- sprinkles
- next.js
- React
- Babel
- Critical Rendering Path
- front-end mocking
- 아키텍처
- 리액트네이티브
- 최적화
- amplify
- 캐쉬
- mock service worker
- 개발자
- link
- styled-component
- 컴포넌트
- JavaScript
- thread
- Cache
- next hydration
- Basic
- SWC
- 동기
- 리액트
- 쓰레드
- 자바스크립트
- react-query
- MSW
- 비동기
- react-native
- react server component
- async
- 기초
- vanilla-extract
- Concurrent Mode
- Today
- Total
목록MSW (2)
Don’t worry about failures

Mockoon이란 프런트를 개발하다보면, Mocking을 모르면 서버에서 아직 개발이 되지않은 api를 마냥 기다려야하나? 그 전까지 목 데이터를 하드 코딩으로 관리를 해야하나? 기본 고민을 해왔을 것이다. 이러한 고민을 해결해 주는 몇몇 가지가 있다. 앞서 MSW에 이어 이번엔 Mockoon에 대해 알아보고자 한다. Mockoon을 간단하게 사용해보면,, 너무 편하고 좋다. 라는 생각을 많이 가지게 된다. 일단 MSW와 다르게 내부 라이브러리를 사용하지않고, 별다른 코드 작업을 하지않아도 된다. 또한, GUI가 제공되면, CLI를 통해도 사용이 가능하다. Mockoon은 OS에 application으로써 설치하여 사용할 수 있다. 각 OS별로 install package를 제공한다. ( install..

MSW(Mock Service Working)은 API Mocking 작업을 하기 위한 라이브러리 중 하나이다. 서비스 워커를 통해 호출을 가로채 대신 응답을 하는 방식으로 API Mocking을 도와준다. MSW에서 중요한 개념인 서비스 워커부터 간략하게 알아보자. Service Worker 서비스 워커는 이벤트 기반 워커로써 웹 애플리케이션의 메인 쓰레드와 분리된 별도의 백그라운드 스레드에서 실행 시킬 수 있는 기술 중 하나이다. 서비스 워커 덕분에 애플리케이션의 UI Block 없이 연산을 처리할 수 있게 됐다. 이를 기반으로 하여 다양한 사용이 있다. mock API, push 알림, 백그라운드 동기화 등으로 활용할 수 있다. 아래의 이미지는 서비스 워커가 네트워크와 브라우저 사이에 존재하여 ap..