data-type=

data-type=은 HTML 요소에 사용되는 사용자 지정 데이터 속성 중 하나입니다. 사용자 지정 데이터 속성은 data- 접두사를 가지며, 이를 통해 HTML 요소에 추가 정보를 저장할 수 있습니다. 이러한 속성은 JavaScript와 함께 사용되어 데이터를 동적으로 읽거나 수정하는 데 유용합니다.

예를 들어, 다음과 같이 data-type 속성을 사용할 수 있습니다:

<div id="myElement" data-type="example">
	This is a div element with a data-type attribute.
</div>

JavaScript에서 이 속성의 값을 읽어오려면 다음과 같이 할 수 있습니다:

const myElement = document.getElementById('myElement');
const dataTypeValue = myElement.dataset.type;
console.log(dataTypeValue); // "example"

dataset 속성을 사용하여 data-로 시작하는 모든 사용자 지정 데이터 속성에 액세스할 수 있습니다. 위의 예제에서는 data-type 속성의 값을 가져오고 있습니다. 이를 통해 HTML 요소에 추가 정보를 저장하고 JavaScript에서 동적으로 활용할 수 있습니다.