data-* data-* & dataset 동영상을 끝까지 시청했으면 조회수가 증가하는 api를 구현하고 싶었다. 그러기 위해서는 videoPlayer.js에 동영상의 id를 전달해야 했다. data 속성은 HTML 요소에 추가적으로 데이터를 저장할 수 있게 해준다. 위와 같이 'data-' 뒤에 변수명을 넣어주고 데이터를 넣어주면 된다. data-*를 읽기 위해서는 dataset을 이용해야 한다. ✔ dataset의 출력값 id가 ... data-*datasetJavaScripthtmlJavaScript [JS30] -1) Drum Kit HTML을 먼저 살펴보자. data-key속성으로 숫자가 쓰여있는 것을 볼 수 있다. 🎵 keyCode 자바스크립트에서 키보드 이벤트를 받았을 때 키 값을 구별할 수 있는 코드이다. keyCode목록을 확인해보고 싶다면 참고: 에서도 누른 키의 keyCode를 바로바로 확인해볼 수 있다. (아래 이미지 참고) addeventListener에서 키보드를 누를때마다 작동하는 이벤트를 등록할 수 ... data-*thiscurrentTimekeyCodetransitionendkeydowncurrentTime
data-* & dataset 동영상을 끝까지 시청했으면 조회수가 증가하는 api를 구현하고 싶었다. 그러기 위해서는 videoPlayer.js에 동영상의 id를 전달해야 했다. data 속성은 HTML 요소에 추가적으로 데이터를 저장할 수 있게 해준다. 위와 같이 'data-' 뒤에 변수명을 넣어주고 데이터를 넣어주면 된다. data-*를 읽기 위해서는 dataset을 이용해야 한다. ✔ dataset의 출력값 id가 ... data-*datasetJavaScripthtmlJavaScript [JS30] -1) Drum Kit HTML을 먼저 살펴보자. data-key속성으로 숫자가 쓰여있는 것을 볼 수 있다. 🎵 keyCode 자바스크립트에서 키보드 이벤트를 받았을 때 키 값을 구별할 수 있는 코드이다. keyCode목록을 확인해보고 싶다면 참고: 에서도 누른 키의 keyCode를 바로바로 확인해볼 수 있다. (아래 이미지 참고) addeventListener에서 키보드를 누를때마다 작동하는 이벤트를 등록할 수 ... data-*thiscurrentTimekeyCodetransitionendkeydowncurrentTime