본문 바로가기
02_STUDY/React

고유한 아이디나 키 생성하는 방법 ( 타임스탬프 활용, uuid )

by zestlumen 2023. 10. 17.

데이터 관리나 사용자 관리 및 식별을 위해서 고유한 아이디나 키가 필요할 떄가 있다.

그럴 때 사용할 수 있는 고유한 아이디나 키를 생성하는 방법에 대해 알아보자.

 

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' }

 

 

출처  https://www.npmjs.com/package/uuid

 

버전은 여러가지가 있지만 가장 많이 사용되는 건

타임스탬프 기준인 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