윤제니

UUID 사용하기 본문

React

UUID 사용하기

꿈다루 2024. 2. 9. 20:27

💡 고유한 ID를 생성하는 방법

 

자동으로 고유한 ID를 추가해주는 UUID 사용하기

https://www.npmjs.com/package/uuid?activeTab=readme

 

uuid

RFC4122 (v1, v4, and v5) UUIDs. Latest version: 9.0.1, last published: 5 months ago. Start using uuid in your project by running `npm i uuid`. There are 59072 other projects in the npm registry using uuid.

www.npmjs.com

 

 

테스트 DB를 생성하여 사용할때 고유한 ID가 필요한 경우 위 사이트에 접속하여 UUID를 사용하면 좋을것 같다.

아래의 순서는 위의 사이트에 있는 방법이다.

 

1. Install 

    터미널에 아래와 같이 입력을 해준다.

npm install uuid

 

 

2. Create a UUID (ES6 module syntax)

    프로젝트 내에서 사용하는 방법

import { v4 as uuidv4 } from 'uuid';

uuidv4();  // ⇨ '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d'

 

   or using CommonJS syntax

const { v4: uuid4 } = require('uuid');

uuidv4();  // ⇨ '1b9d6bcd-bbfd-4b2d-9b5d-ab8dfbbd4bed'

'React' 카테고리의 다른 글

React - LifeCycle, useEffect, useMemo, useCallback  (0) 2024.02.01
React - useState Update  (0) 2024.01.29
React - Component, Props  (0) 2024.01.23
React - 특징, JSX  (0) 2024.01.23
React - MAC Homebrew Git 설치 및 VSCode 연동  (0) 2024.01.16