클로리셔 작은 공간

requestAnimationFrame() 바닐라 자바스크립트로 애니메이션 개념잡기 간단하게 개념을 잡기위해 필요한 기본 HTML 코드는 버튼과 작은 박스 '#box' 를 준비했다. HTML click CSS button{padding: 10px 20px; margin: 50px; } #box{width: 300px; height: 300px; background: aqua;} 01. requestAnimationFrame() 이용해서 반복하는 스크립트 짜보기 JS const btn = document.querySelector('button'); const box = document.querySelector('#box'); let num = 0; btn.addEventListener("click", e ..

자바스크립트를 사용하다보면 시간/날짜를 이용해서 작업하는 경우가 많다. 날짜 객체는 문자열과 숫자 모두 반환할 수 있는 유일한 타입이며 어떤 메서드가 있는지 알아보자. 메서드 설명 getDate() 날짜 중에 '일'자를 숫자로 반환 ( 1 - 31 ) getDay() 날짜 중에 '요일'을 숫자로 반환 ( 일요일 : 0 ~ 토요일 : 6 ) getMonth() 날짜 중에 '월'을 숫자로 반환 ( 1월 : 0 - 12월: 11 ) getFullYear() 날짜 중에 '년도'를 4자리 숫자로 반환 ( ex : 2022 ) getTime() 1970년 1월 1일부터 현재까지 시간을 초 단위 숫자로 반환 getHours() 시간 중 '시'각을 숫자로 반환 ( 0 ~ 23 ) getMinutes() 시간 중 '분'..