html 커스텀 속성

data- 로 시작하는 속성을 정의

-> 자바스크립트에서는 dataset이라는 객체로 만듬

ex)

<div data-color='red' data-size='big'></div>

-> dataset={

    color: 'red',

    size: 'big',

}

-> div.dataset.color

-> div.dataset.size

ex)

<a href="">

<img src="">

<div>

    <button data-key='date' data-value='50'>50일</button>

    <button data-value='100'>100일</button>

    <button data-value='today'>오늘은</button>

</div>        

button.dataset

{

    key: date,

    value: 50,

}