faker를 활용한 더미데이터

faker

-npm 사이트

https://www.npmjs.com/package/faker

faker

faker로 가상의 더미데이터를 만들어 api가 만들어지지 않은 상황에서 미리 구현할 수 있다. 프론트엔드 개발자라면 faker로 더미데이터를 여러 개 만들어서 성능을 높이는 방법도 좋을 것 같다.

faker를 최신 버전으로 설치하면 절대 안된다! 궁금하다면 "faker.js 사태"를 검색해본는 것이 좋다. 따라서 5버전 이하를 다운 받는 것이 좋다.(6버전은 절대 안된다)

npm i -D faker@5
//또는
npm i -D @faker-js/faker

위 2개 중에서 선택하여 설치를 해야 한다.

사용법

import faker from "faker";

// ...

initialState.mainPosts = initialState.mainPosts.concat(
  Array(20)
    .fill()
    .map(() => ({
      id: shortId.generate(),
      User: {
        id: shortId.generate(),
        nickname: faker.name.findName(),
      },
      content: faker.lorem.paragraph(),
      Images: [
        {
          src: faker.image.image(),
        },
      ],
      Comments: [
        {
          User: {
            id: shortId.generate(),
            nickname: faker.name.findName(),
          },
          content: faker.lorem.sentence(),
        },
      ],
    }))
);

이런식으로 더미 데이터를 만들 수 있다.