일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Cypress
- map
- 태그된 유니온
- recoil
- 투포인터
- 공변성
- 타입 좁히기
- CI/CD
- dfs
- useAppDispatch
- CORS
- React
- RTK Query
- async/await
- TS
- 이분 검색
- 인터섹션
- tailwind
- Promise
- 리터럴 타입
- autosize
- Jest
- webpack
- ESlint
- SSR
- 반공변성
- 무한 스크롤
- app router
- 호이스팅
- 결정 알고리즘
Archives
- Today
- Total
짧은코딩
id를 랜덤하게 정해주는 shortId 본문
반응형
shortId
-npm 주소
https://www.npmjs.com/package/shortid
map에서 key를 주는 등 개발을 하다보면 각각 다른 값을 넣어줘야하는 경우가 있다. 각각 값을 넣어주기 애매한 경우에 shortId 라이브러리를 사용하면 값이 거의 중복되지 않게 만들어준다.
사용법
import shortId from "shortid";
//...
const dummyPost = (data) => ({
id: shortId.generate(),
content: data,
User: {
id: 1,
nickname: "오리",
},
Images: [],
Comments: [],
});
이런식으로 id 부분에 shortId.generate()를 해주면 랜덤한 값이 설정된다.
반응형
'리액트' 카테고리의 다른 글
무한스크롤 구현하기, React-virtualized(간단 설명) (0) | 2023.01.13 |
---|---|
faker를 활용한 더미데이터 (0) | 2023.01.13 |
http-proxy-middleware 라이브러리(cors 에러) (0) | 2023.01.03 |
styled-component에서 global style (0) | 2022.12.24 |
react-slick(이미지 슬라이드) (1) | 2022.12.24 |
Comments