[React] crypto.randomUUID()를 이용한 uuid 생성

객체를 구분하기 위한 uuid를 만들어보자.

UUID란?

Universial Unique Identifier의 약자로 객체 데이터를 구분하기 위해 쓰인다.

생성방법

let uuid = crypto.randomUUID();
console.log(uuid);

적용 예시:

class Pokemon {
    id : string;
    name : string;
    constructor(name:string) {
        this.id = crypto.randomUUID();
        this.name = name;
        console.log(this.name);
        console.log(this.id);
        console.log(typeof this.id);
        
    }
}


export default function Poke() {
    const pokemon = new Pokemon("이상해씨");

    return (
        <div>
            <p> {pokemon.id} </p>
        </div>
    );
}

결과:

음.. 근데 왜 객체가 두 번씩 만들어지는 건지는 잘 모르겠다.