인프런 커뮤니티 질문&답변

Rootree

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

DOM 스크립트 2

표준 커스텀 속성 질문있어요~

작성

345

27초쯤에 data- 로 시작하는 표준 커스텀 속성이라고 하셨는데요, 표준 커스텀 속성이란게 어떤 의미인지 잘 모르겠어요.. 사용자가 직접 만든 속성이란건가요??

인터랙티브-웹 HTML/CSS javascript

퀴즈

var와 let/const 변수 선언 방식의 주요 스코프 차이점은 무엇일까요?

var는 블록 스코프, let/const는 함수 스코프

var는 함수 스코프, let/const는 블록 스코프

var만 전역 스코프를 가집니다.

스코프에 차이가 없습니다.

답변 3

윤민근

data- 로 시작해야만 하나요???

data 없이 임의로 설정해도 작동은 하던데.
이러면 무슨 문제가 있나요???

1분코딩

지식공유자

작동은 하는데요, 비표준 속성이라 HTML Validator로 체크해보면 오류로 뜬답니다.
그리고 data- 형태의 속성은, 오브젝트의 dataset 객체로 정의되기 때문에 더 사용이 편리한 점도 있고요!
<div data-id="aaa" class="a"></div>
의 data-id 속성은
document.querySelector('.a').dataset.id로 접근할 수 있답니다.

kain74

캐릭터소스 다운로드할수있는곳있나요?

1분코딩

지식공유자

아 네~ HTML5에서 추가된 표준 커스텀 속성이에요.

"data-"의 형태로 만들면 되고요, data- 뒤에는 원하는대로 넣으시면 됩니다.

예를들면

data-id, data-number 이런 형태로요.

Rootree

작성한 질문수

전체 Q&A

질문하기