HTML의 -data 속성에 대해서 설명해주세요

[klmhyeonwoo]

HTML의 -data 속성에 대해서 설명해주세요

@prgmr99, @klmhyeonwoo

[klmhyeonwoo]

어떠한 상태 값을 HTML Document 엘리먼트에 저장하기 위해서 사용되는 값으로 알고 있음..!

[klmhyeonwoo]

https://slashpage.com/timmy/7916x82rn7w5624kpyg3
https://www.maeil-mail.kr/question/116

자바스크립트로 data 속성에 접근하기 위해서는 dataset으로 접근을 하면 된다.
보통 CSS 로만 접근을 했어서 dataset은 희미했음,,

[prgmr99]

추가적인 데이터를 저장하기 위한 용도로 알고 있습니다..!

---

부족해서 추가해보았습니다!

data-속성은 HTML 요소에 추가적인 의미나 데이터를 저장하기 위해 사용하는 표준적인 방법입니다.
브라우저의 화면 레이아웃에 영향을 주지 않으면서, 자바스크립트의 dataset API를 통해 비즈니스 로직에 필요한 정보를 쉽게 주고받을 수 있다는 장점이 있습니다.