더미데이터 만드는 유용한 라이브러리(shortid, faker)

shortid

id랜덤하게 만들어주는 유용한 라이브러리 shortid
아이디 정하기 애매한 경우 유용함

 

✔사용법

 

1️⃣ shortid 설치

yarn add shortid
or
npm i shortid

 

2️⃣ 랜덤 id 만들 페이지에 import하기

import shortId from 'shortid';

 

3️⃣ shortId.generate()로 데이터 생성

import shortId from 'shortid';

const dummyPost = (data) => ({
    id: shortId.generate(),
    content: data,
});

 

---

 

faker

각종 더미데이터 제공(content가 영어로 나옴)

 

✔ 사용법

 

1️⃣ faker 설치

yarn add faker
or
npm i faker

 

2️⃣ 더미데이터 만들 페이지에 import하기

import faker from 'faker';

 

3️⃣ 더미데이터 생성하기

import faker from 'faker';

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

더미데이터가 필요한 내용들의 특성에 맞게 공식문서 참고하여 더미데이터 만들기

 

자세한 내용은 공식문서 참고 👇

npmjs.com/package/faker

faker