개발노트

HTML5에서 도입된 data-* 속성은 웹 개발자들에게 웹 페이지의 HTML 요소에 추가 정보를 저장할 수 있는 유연한 방법을 제공합니다. 이러한 사용자 정의 데이터 속성은 JavaScript를 통해 쉽게 접근하고 조작할 수 있으며, CSS에서도 일부 사용 사례에 활용될 수 있습니다. data-* 속성이란? data-* 속성은 HTML 요소에 고유한 정보를 저장하기 위해 설계되었습니다. 이 속성의 이름은 data- 뒤에 사용자가 정의하는 이름으로 구성됩니다. 예를 들어, data-id, data-role 등과 같이 사용할 수 있습니다. 속성 읽기 // HTML 요소에서 data-* 속성에 접근하기 const element = document.querySelector('#myElement'); const..