패스트캠퍼스 챌린지 49일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

---

패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

49일차

 49일차에는 Part 2. React 라이브러리 Ch 04. 데이터 모킹 라이브러리 챕터에서 01. Mock Service Worker 1 강의와 02. Mock Service Worker 2 강의 내용에 대해 기록하려 한다.

 데이터 모킹 라이브러리라는 단어에서 모킹(Mocking)이란 모의 데이터라는 의미를 가진 Mock을 만들어 활용하는 방식을 의미한다. 프론트엔드와 백엔드가 협업하는 프로젝트가 있다고 가정할 때, 통상적으로는 data fetch를 해야하는 경우 통신을 통해 응답을 내려주는 서버가 있어야 한다. 하지만, 백엔드에서 아직 준비하지 못해 서버가 없는 경우, api 요청으로 내려올 데이터를 프론트엔드에서 모킹하거나 서버의 역할을 해주는 무언가를 구해야하는 과정이 필요하다. 이때 MSW(Mock Service Worker)라는 api를 모킹하는 라이브러리를 이용하여 네트워크 요청을 가로채는 역할을 할 Service Worker API를 활용하기 때문에 서버가 있는 것처럼 동일한 애플리케이션 동작을 만들 수 있다. 브라우저 환경에서 Mock Service Worker는 Request Handler에 정의된 Fetch 이벤트를 Service Worker에 등록하고 Service Worker는 Server로의 요청이 발생하면 HTTP Method, URL등에 기반하여 요청을 가로채 Mock Servicer Worker에 전달하여 handler에 정의된 모의 응답을 받는다.

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC