HTML 태그의 속성을 다룰 때, 대부분 표준 속성(class, id, href)들을 사용하는데

자바스크립트로 HTML 태그를 다루다 보면 표준이 아닌 속성을 사용할 때가있다.

비표준 속성에는 한 가지 문제가 있는데,

비표준 속성을 사용해 코드를 작성했을 때 시간이 지나서 나중에 그 속성이 표준으로

등록되면 문제가 발생할 수 있기 때문이다.

HTML은 아직까지도 계속해서 발전되는 언어라서 그렇다

따라서 비표준 속성을 사용하기 위해 미리 약속된 방식을 사용하는데 바로

data-* 를 사용한다 data- 로 시작하는 속성은 모두 dataset 이라는 프로퍼티에

저장되는데 예를 들어 data-status 라는 속성이 있다면 element.dataset.status 라는

프로퍼티에 접근해서 그 값을 가져올 수 있다