2022.07.25
내가 다시 볼 용도
Date 생성자
new Date()
-
매개변수를 제공하지 않으면, 생성 순간의 현지시각 기준의 날짜와 시간을 나타내는 Date 객체를 생성한다.
-
참고: 새로운 Date 객체를 생성하는 방법은 new 연산자를 사용하는 것이 유일하다.
now = Date()처럼 Date를 직접 호출하면 새로운 Date 객체가 아니라 현재 날짜와 시간을 나타내는 문자열을 반환한다.
new Date(year, month, date, hours, minutes, seconds, ms)
-> year : 필수. 0~99까지는 1900부터 나머지연도는 4자리로 표현해야한다.
month : 필수. 0= 1월 / 11= 12월
date : 날짜(일)기본값 1
hours/minutes/seconds/ms : 기본값 0
getFullYear 등등
- getFullYear()
- getMonth()
- getDate()
- getHours(), getMinutes(), getSeconds(), getMilliseconds()
- getDay() -> 요일 / 0(일요일)~6(토요일)
dateObj.getFullYear()
dateObj.getMilliseconds()
setFullYear 등등
- 생성된 Date 객체의 각각의 요소들을 설정할 수 있다.
const today= new Date();
today= setHours(0);
onload
-
문서의 모든 콘텐츠(images, script, css, etc)가 로드된 후 발생하는 이벤트
따라서 불필요한 로딩시간이 발생할 수 있고 이미지가 안뜨거나 딜레이가 생길 시 그만큼 시간이 길어진다. -
전체 페이지에 모든 외부 리소스나 이미지가 전부 로드된 후 작동된다.
-
동일한 문서에 onload는 오로지 하나만 있어야 한다.
중복될 경우, 마지막선언이 실행된다.
css
transition
-
요소의 CSS 속성을 변경할 때 두 가지 상태 사이에 일어나는 변화(애니메이션)를 설정할 때 사용한다.
-
속성을 변경할때 원래라면 바로 변화가 일어나지만, transition속성을 이용하면 그 변화의 양상을 원하는대로 설정이 가능하다.
transform
-
요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있다.
-
좌표공간을 변경한다.
-
대표적인 변형함수
-> 회전: rolate() / 크기조절 : scale() / 기울기 skew () / 이동 translate() -
ex) transform: translate(10px, 20px);
translate
-
transform 속성에 사용할 수 있는 변형 함수 중 하나로 이동 효과를 담당한다
-
요소를 현재위치에서 지정된 값만큼 이동시킨다.
