[React] 고유한 값 생성을 위한 라이브러리 UUID

 

to do list 프로젝트를 하면서 배열 내에 있는 값을 삭제하거나 상태를 변경하기 위해 각 배열 요소에 고유한 값을 부여해야 할 필요성을 느꼈다. 어떻게 배열 내에 요소를 생성할 때마다 고유한 값을 부여해야 하는지 고민을 하고 있던 찰나에 라이브러리의 도움을 받았다..

 

 

 

UUID 설치 커맨드

npm install uuid
yarn add uuid

 

 

 

UUID 사용방법

import { v4 as uuidv4 } from "uuid";

 <input id={uuidv4()} />

 

해당 라이브러리를 사용할 컴포넌트 파일에 uuid를 import 해두고 고유한 값 부여가 필요한 태그에 위와 같이 대괄호 안에 uuid() 함수를 선언해주면 된다.