목동코딩학원, html, 추가버튼으로 동적인 <div></div> 만들때 id를 다르게 부여하는 방법

ID가 중복되는 문제는 일반적으로 개발 중에 발생하는 일입니다. 이 문제를 해결하는 방법 중 하나는 생성된 각 요소에 고유한 ID를 할당하는 것입니다. 이를 위해 JavaScript에서는 UUID (Universally Unique Identifier)를 생성하는 함수를 제공합니다.

예를 들어, 새로운 <DIV> 요소를 생성할 때마다 UUID를 생성하여 해당 <DIV> 요소의 ID로 할당할 수 있습니다. 다음은 JavaScript에서 UUID를 생성하는 방법입니다.

function generateUUID() {
  var d = new Date().getTime();
  if (typeof performance !== 'undefined' && typeof performance.now === 'function'){
      d += performance.now();
  }
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
      var r = (d + Math.random() * 16) % 16 | 0;
      d = Math.floor(d / 16);
      return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
  });
}

이제 각 <DIV> 요소를 생성할 때마다 위의 함수를 사용하여 고유한 ID를 생성하고 할당할 수 있습니다.

var newDiv = document.createElement("div");
newDiv.id = generateUUID();
​

목동코딩학원 : 온라인코딩교육, 유니티게임개발교육, 로블록스게임개발교육, 한국서비스산업진흥원, 플랫폼프로젝트수업,인공지능프로젝트