더북(TheBook)

data attribute의 장점은 자바스크립트로 쉽게 접근할 수 있다는 점입니다. script 태그를 보면 dataset 속성을 통해 첫 번째 li 태그의 data attribute에 접근하고 있습니다. 단, data attribute 이름이 조금씩 변형되었습니다. 앞의 data- 접두어는 사라지고 - 뒤에 위치한 글자는 대문자가 됩니다. data-idid, data-user-jobuserJob이 되는 것입니다.

반대로 dataset에 데이터를 넣어도 HTML 태그에 반영됩니다. dataset.monthSalary = 10000;을 넣으면 data-month-salary="10000"이라는 속성이 생깁니다.

나중에 실습 예제에서 data attribute를 자주 쓰게 되므로 기억해두세요.

이제 실습에 필요한 지식을 어느 정도 익혔습니다. 실습을 하다가 기억이 나지 않는 부분이 있다면 돌아와서 다시 공부하기 바랍니다. 이제 본격적으로 노드를 살펴보도록 하겠습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.