React - 고유한 id 값 부여하기

프로젝트를 하면서 id를 index처럼 구현하다 게시글 추가, 삭제에서 id 중복 등 여러 문제점이 발생했었다.

이를 해결하고자 사용했던 방법을 소개해보고자 한다.

1. Date() 생성자 사용하기
   milisecond까지 나타내주는 Date() 생성자를 사용하여 id로 값을 부여해줄 수 있다.

   const id = Date.now()

2. uuid 사용하기
   uuid라는 라이브러리를 사용하여 id를 부여해줄 수 있다.
   uuid에는 여러 버전이 있는데 버전이 높아질 수록 견고한 고유 값을 제공해주고 있다.

   설치하기
   NPM의 경우

   npm install uuid

   Yarn의 경우

   yarn add uuid

   사용법
   id를 부여해줘야 하는 곳에 원하는 uuid 버전을 import를 한 후 uuid를 함수처럼 호출해주면 된다.

   import {v4 as uuidv4} from 'uuid'
   const id = uuidv4()

 

참고 사이트
NPM UUID