02_STUDY/React
고유한 아이디나 키 생성하는 방법 ( 타임스탬프 활용, uuid )
zestlumen
2023. 10. 17. 15:39
데이터 관리나 사용자 관리 및 식별을 위해서 고유한 아이디나 키가 필요할 떄가 있다.
그럴 때 사용할 수 있는 고유한 아이디나 키를 생성하는 방법에 대해 알아보자.
1. 타임스탬프 활용하기
현재의 시간은 지나면 돌아오지 않기 때문에
현재의 타임스탬프와 무작위 문자열을 결합해서 생성가능하다.
{ id: Date.now().toString(36) + Math.random(), text: '우편물 확인', state: 'active' }
2. UUID 라이브러리 사용하기
UUID( Universally Unique Identifier)는 범용 고유 식별자로 고유한 식별자를 생성하는 데 사용되는 128비트 숫자로
데이터베이스 레코드,파일,객체 등 고유하게 식별하기 위해 사용한다.
//npm 사용
npm install uuid
//yarn 사용
yarn add uuid
먼저 터미널에 uuid 패키지를 설치하고
import { v4 as uuidv4 } from 'uuid';
uuidv4();
uuid로 부터 v4(버전4)를 임포트하고 as를 사용해서 uuidv4로 사용한다.
{ id: uuidv4(), text, status: 'active' }
버전은 여러가지가 있지만 가장 많이 사용되는 건
타임스탬프 기준인 v1과 랜덤으로 생성하는 v4라고 한다.
더 자세하게 알고 싶다면 아래 링크에서 볼 수 있다.
참고자료
https://www.npmjs.com/package/uuid
uuid
RFC4122 (v1, v4, and v5) UUIDs. Latest version: 9.0.1, last published: a month ago. Start using uuid in your project by running `npm i uuid`. There are 56755 other projects in the npm registry using uuid.
www.npmjs.com