이벤트 리스너 : 특정 이벤트가 발생했을 때(클릭, 키다운, 마우스 오버 등) 실행될 함수를 등록하는 기능 이벤트 리스너 등록 요소.addEventListener('이벤트', 함수(){ 실행문 }) 이벤트 리스너 제거 요소.addEventListener('이벤트', 함수) e.preventDefault() : 링크를 클릭하거나 폼을 제출할 때 페이지가 새로고침되거나 다른 페이지로 이동하는 것을 막습니다. 쉽게 말하면 페이지가 리로드 안되게 함!! function(e){ e.preventDefault(); } e.target : 현재 이벤트가 진행되는 태그 e.target.value : 현재 이벤트가 진행되는 태그의 value값을 가져옴
Math.random() : 0.0001~0.9999 랜덤 숫자 생성 1~N의 랜덤 숫자를 구한다면 Math.floor(Math.random() * N) +1 Math.round() : 반올림 Math.ceil() : 올림 Math.floor() : 내림 Math.abs() : 절댓값 Math.max(...인자) : 인자들 중에 최댓값 Math.min(...인자) : 인자들 중에 최솟값 Math.sqrt() : 제곱근 Math.pow(x, y) : x의 y거듭제곱 추가적으로 toFixed() : 소수점 자릿수 지정, 문자열로 저장됨 (이건 Number객체인데 숫자계산에 많이 사용돼서 추가했습니다.)
날짜 계산기 만들기 디지털 시계 만들기 현재 날짜 표시 현재 시각을 표시 해당 부분을 함수로 만들어 1초마다 시간이 바뀌도록 반복실행을 위해 setInterval 함수에 넣어줍니다.
날짜 시간 정보 가져오기 Date() : 현재 날짜 시간 저장 getFullYear() : 연도 숫자 저장 getMonth() : 달 저장. 1월을 0으로 반환하기 때문에 +1 해주어야함 getDate() : 일 저장 getDay() : 요일을 숫자로 반환 0~6 : 일요일~토요일 getTime() : 1970년 1월 1일로부터 흐른 시간의 값을 밀리초로 표시 밀리초를 일수로 바꾸려면 1000*60*60*24 그 외 getHours() getMiutes() getSeconds() getMilliseconds() 날짜시간 설정하기 위에 get을 set으로 바꿔주면 됨 특정 날짜 담기 Date('YYYY-MM-DD') input태그로 받은 값을 담을 수도 있습니다.
