# data-*

5개의 포스트
post-thumbnail

2022.05.09 TIL

눈에 보여지는 수치.HTMLElement.offset은 원초적인 사이즈라고 이해하면 된다.문서가 수직으로 얼마나 스크롤됐는지 픽셀 단위로 반환수평은 window.scrollX 사용HTML에서 data-\*\*\*\*(넣고 싶은 이름)로 사용할 수 있다.어느 엘리멘트에나

2022년 5월 9일
·
0개의 댓글
·
post-thumbnail

Custom Data Attributes

Custom Data Attributes(data-\*)를 적용한 간단한 다크모드

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

[JS30] -1) Drum Kit

누른 키의 audio와 key element 찾기 >HTML을 먼저 살펴보자. HTML data-key속성으로 숫자가 쓰여있는 것을 볼 수 있다. 이 숫자의 의미는 무엇일까? keyCode keyCode

2021년 10월 20일
·
0개의 댓글
·

data-* & dataset

동영상을 끝까지 시청했으면 조회수가 증가하는 api를 구현하고 싶었다. 그러기 위해서는 videoPlayer.js에 동영상의 id를 전달해야 했다.data 속성은 HTML 요소에 추가적으로 데이터를 저장할 수 있게 해준다. 위와 같이 'data-' 뒤에 변수명을 넣어주

2021년 8월 8일
·
0개의 댓글
·