msw로 API 모킹하기

import { setupWorker } from 'msw'
 
import { handlers } from './handler'
 
export const worker = setupWorker(...handlers)

import { worker } from './mocks/worker'
 
// msw Mock 서버를 실행합니다.
if (process.env.NODE_ENV === 'development') {
  worker.start()
}

// 더미 유저 데이터
export const dummyKoUser1: User = {
  id: 1,
  nickname: '일론 머스크',
  language: 'ko',
  avatar:
    'https://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Elon_Musk_Royal_Society_%28crop2%29.jpg/225px-Elon_Musk_Royal_Society_%28crop2%29.jpg',
  followers: 100,
};
 
// 더미 게시글 데이터
export const dummyKoPosts: Post[] = [
  {
    id: 1,
    author: dummyKoUser1,
    title: '꾸뻬 씨의 사랑 여행',
    content:
      '사랑이 없으면 사는 게 얼마나 밋밋하겠어요? 사랑은 우릴 흥분시키고 즐겁게 해주죠. 사랑을 하면 삶은 모험의 연속이 되고, 만남은 순간순간 아찔한 경이가 된답니다. 물론 늘 그런 건 아니지만요. 그래도 전 사랑이 현대 생활의 가장 큰 불행, 즉 권태로부터 우릴 지켜준다고 믿고 있습니다. 우리나라의 경우이긴 하지만 우린 지나칠 정도로 보호받으며 살고 있어요. 그런 우리에게 사랑은 마지막으로 남아 있는 모험이지요. 우릴 늘 젊게 만들어주는 사랑 만세예요.',
    summary: '사랑으로 인한 모험과 아찔한 순간을 믿는 긍정적인 시각',
    photos: [],
    views: 50,
    likes: 50,
    comments: [
      {
        id: 1,
        author: dummyKoUser2,
        content: '잘 봤어요!',
        created_at: '2023-08-07',
      },
      {
        id: 2,
        author: dummyKoUser3,
        content: '정말 공감되는 글이에요',
        created_at: '2023-08-07',
      },
    ],
    created_at: '2023-08-07',
    category: 'book',
  },
  ...
];

export const handlers = [
  rest.get(`/ko_post`, (req, res, ctx) => {
    return res(ctx.status(200), ctx.json(dummyKoPosts))
  }),
]

// 더미 게시글 페이지를 받아옵니다.
export const getKoPostPage = async () => {
  const response = await axios.get('/ko_post')
  return response.data
}