id를 1,2,3 이렇게 주니까 todolist 추가,삭제 기능에서 id가 꼬여서 기능이 제대로 작동을 하지 못한다.
리스트가 몇개 없을때는 상관이 없으나 여러개를 뒤죽박죽 놔뒀을때 id가 꼬여버리는 현상이 발생
그래서 찾아보다 해결법으로 UUID라는 것을 사용했다
UUID란 ?
네트워크 상에서 고유성이 보장되는 id를 만들기 위한 표준 규약이다.
UUID는 Universally Unique IDentifier의 약어이고 범용 고유 식별자라고 한다.
주로 분산 컴퓨팅 환경에서 사용되는 식별자이다. 중앙관리시스템이 있는 환경이라면 각 세션에 일련번호를 부여해줌으로써 유일성을 보장할 수 있겠지만 중앙에서 관리되지 않는 분산 환경이라면 개별 시스템이 id를 발급하더라도 유일성이 보장되어야만 할 것이다. 이를 위해 탄생한 것이 범용고유식별자 UUID이다.
RFC 4122에 명시되어 있다.
UUID는 128비트의 숫자이며, 32자리의 16진수로 표현된다.
8자리-4자리-4자리-4자리-12자리 패턴으로 하이픈을 집어 넣어 5개의 그룹으로 구분한다.
사용방법
npm install react-uuid 혹은 yarn add react-uuid 로 모듈을 설치하고, 그 id 값을 할당해줘야 하는 파일 내에서 임포트 받아 함수를 실행시키면 된다.
먼저 yarn add react-uuid로 모듈 설치
설치 완료되면
파일 내에서 임포트 해주면 됨.
이후 id값 부여한곳들을 전부 uuid()로 수정해주면 끝!!
꼬임없이 잘 작동된다!
반가워요.