data속성

김하은·2023년 4월 21일
0

DOM에 데이터를 저장할 수 있는 사용자 정의 데이터 속성이 있다.
data-여기에 오는 값이 데이터가 된다고 한다.
지금까지 코딩하는데에 본 적이 없어 조금 생소한 개념이었다.

이 속성은 사용하고자 하는 용도에 적합한 속성 또는 요소가 없을 때 사용하고,
해당 웹페이지가 독자적으로 사용하는 값이라고 한다.
해당 사이트 만의 자체 스크립트를 위한 속성.

특정한 데이터를 DOM 요소에 저장해두기 위한 목적. 때문에 개발자는 요소에 특정한 데이터를 저장하고 싶은 경우 자유롭게 사용할 수 있다.

라고 정의되어 있는데 더 자세한 예시를 살펴보았다.

html에서 기본 제공되는 속성들에는 value라던지 type이라던지 많은것들이 있는데 이 속성들 말고 내가 자체적으로 만들 수 있는 속성이 이 data-를 붙인 속성이다.
해당태그의 dataset이라는 속성을 이용하면 해당 data- 로 만들어준 속성에 접근할 수 있다.

0개의 댓글