나의 개발일지

[React] 리액트에서 UUID 사용하기 본문

React

[React] 리액트에서 UUID 사용하기

heew0n 2023. 11. 5. 21:06

 

나는 todoList에서 새로운 리스트를 작성할 때마다 할당하는 id 값을 

Date.now()를 써서 중복되지 않도록 했었다

 

하지만 개인과제 해설영상을 보고 새로운 함수를 알게 되었다

 

 

💡UUID란 ( Universally Unique IDentifier )

범용 고유 식별자의 약자로 고유한 아이디 값을 생성할 때 사용할 수 있다

 

특히 컴포넌트에 고유한 키를 요구하는 리액트로 개발할 때 유용하게 사용할 수 있는데

react-uuid라는 모듈과 함께 uuid 함수 생성할 수 있도록 제공한다

 

 

✔️How to use

npm install react-uuid 혹은 yarn add react-uuid 로 모듈 설치 후

id 값을 할당해주어야 하는 파일 내에서 import 를 받아 함수를 실행시키면 된다