230530~31 day38~39 개념 정리

클론 코딩 

<div>
	<p></p>
</div>

let div = document.querySelector("div");
div.cloneNode(true)

append 노드 끝에 삽입 
prepend 노드 앞에 삽입 
before 노드 이전에 삽입
after 노드 다음에 삽입 



#230531

내장객체 

Date객체 
: 날짜를 저장할 수 있고, 날짜와 관련된 메소드를 제공해주는 내장객체
- date객체를 활용하면 시간을 측정할 수 있는 현재 날짜를 출력할 수 있음

1. 객체 생성 
new Date() : 현재 날짜 및 시간을 가진 date 객체를 반환
ex> new Date("2020-01-26")
인수가 하나면 해당 문자열이 자동으로 구문 분석 됨
해당 날짜에 해당되는 date 객체를 반환 

new Date(year, months, date, hours, minutes, seconds, ms)
---> years, monts 까지만 필수고 나머진 선택 사항 
주어진 인수를 조합해 해당 날짜에 속하는 date 객체를 반환 

- year은 반드시 네자리 숫자여야 함 
- month는 0(1월)~11(12월) 사이의 숫자여야 함 
- date는 일을 나타내는데, 값이 없는 경우 1일로 처리됨 
- hours, minutes, seconds, ms에 값이 없는 경우 0으로 처리됨 


2. 날짜 객체 메소드
getFullYear() : 년도를 반환 (네자리 수)
getMonth() : 월을 반환 (0~11) ---> +1 해주면 실제 월을 반환 
getDate() : 일을 반환 (1 이상 ~ 31 이하)
getHours() : 시간을 반환 
getMinutes() : 분을 반환 
getSeconds() : 초를 반환 
getDay() : 요일을 반환 (0 - 일요일 ~ 6 - 토요일)
getTime() : 1970년 1월 1일 0시 0분 0초부터 해당 날짜 객체까지의
시간을 밀리초 단위로 반환 
(밀리초는 1/1000초 단위 - 1000밀리초가 1초)
하루를 밀리초 단위로 바꾸기 가능 
: 밀리초 / (1000(밀리초 -> 1초)*60(초 -> 1분)*60(분 -> 1시간)*24(시간 -> 하루))

- 날짜 구성요소 설정 
setDate(date) : 현재 설정된 월의 시작 부분을 기준으로 Date 객체의 날짜를 설정 
date에 해당하는 일을 넣어주면 해당하는 날짜를 변경 가능
(setDate는 날짜 값을 수정하는 것, getDate는 날짜 값을 받아오는 것)