MSW 사용 예시

MSW

실행

터미널을 하나 더 키고, npm run watch 명령어를 입력해 목 서버를 실행시킵니다.

API작성

mocks폴더에 handlers.ts파일에 API를 작성합니다.

예시

// get요청
http.get("/api/hi", () => {
  console.log("메인");
  return HttpResponse.json("hi");
}),

// post요청 with request
http.post("/api/post", async ({ request }) => {
  const newPost = (await request.json()) as {
    id: number;
  };

  return HttpResponse.json({
    message: "성공"
  });
}),

// get요청 with url params
http.get("/api/:id", async ({ params }) => {
  const { id } = params;

  const newData = array.filter((data) => data.id === ~~order_id);

  return HttpResponse.json({
    message: "성공",
    data: newData,
  });
}),