Javascript 30

transitionend 이벤트, data attributes, data set, audio

자바스크립트로 움직이는 시계 만들기 / transition-origin

setProperty VS setAttribute, DOM, nodelist VS array, mousemove이벤트 VS change이벤트

Array 메소드 (1) filter, map, sort, reduce

classList 메소드 - add, remove, toggle 등 / flex 값

JSON, AJAX, fetch(), input이벤트, keyup이벤트, join(), 전개구문, match(), RegExp

배열 검색 메소드 - some, every, find, findIndex, indexOf, includes 특징 / 공통점 / 차이점

불린으로 flag 제어, canvas API, 마우스 이벤트

중단점으로 변화 과정을 추적하는 것과 다양한 console 메소드 들에 대해 알아본다.

쉬프트 키를 누른 채 체크한 체크박스까지의 모든 체크박스들이 자동으로 체크된 상태로 변하게끔 하기. 불린 값의 플래그 활용을 사용합니다.

바닐라 자바스크립트로 비디오 플레이어의 기본적인 기능들을 구현해보는 Day 11 | flex-basis, parseFloat, audio/video properties, timeupdate event, progress event

스크롤시 이미지가 슬라이드 인 되는 효과를 구현합니다. 특히, debounce 개념, 자바스크립트로 요소의 위치를 구하는 것 (offset, scrollY, viewport, innerHeight 등)에 대해 공부합니다.

배열이나 객체를 복사할 때 reference와 copy에 대해 혼동하기 쉬운데 그 차이점과 올바른 복사 방법에 대해 알아본다.

this와 e.target이 다를 때의 offset, 구조분해할당 찍먹

Javascript 30 Day 17, 18 TIL