※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다.
https://www.yes24.com/Product/Goods/105608999
바닐라 자바스크립트 - 예스24
실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다.
www.yes24.com
Date 객체는 자바스크립트에서 날짜와 시간을 다루는 객체이다. 사용자 브라우저의 타임존을 기준으로 날짜와 시간을 보여준다.
● Date 생성자
Date 객체는 다음과 같이 4가지 방법으로 생성할 수 있다.
ㆍnew Date()
사용자 브라우저의 시간을 가져온다.
ㆍnew Date(year, month, day, hours, minutes, seconds, milliseconds)
특정 날짜,시간을 지정해서 Date 객체 생성
ㆍnew Date(milliseconds)
1970년 1월 1일 00:00:00 부터 시작 (UNIX time)
ㆍ new Date(date string)
날짜 문자열로 Date 객체 생성
● Get 함수
Date 객체에 내장되어 있는 Get 함수는 다음과 같다.
| 함수 | 설명 |
| getFullYear() | 4자리의 년도 정보를 가져온다. |
| getMonth() | 0~11 사이의 월 정보를 가져온다. 이때 1월은 0이고, 12월은 11 |
| getDate() | 1~31 사이의 일 정보를 가져온다. |
| getHours() | 0~23 사이의 시간 정보를 가져온다. |
| getMinutes() | 0~59 사이의 분 정보를 가져온다. |
| getSeconds() | 0~59 사이의 초 정보를 가져온다. |
| getMilliseconds() | 0~999 사이의 밀리초 정보를 가져온다. |
| getTime() | 1970년 1월 1일 00:00:00 이후에 해당하는 밀리초 정보를 가져온다. |
| getDay() | 0~6 사이의 요일 정보를 가져온다. 일요일은 0, 월요일은 1 |
| Date.now() | 현재를 기준으로 getTime() 함수에 해당하는 정보를 가져온다. |
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
// new Date()
var now = new Date(); //사용자 브라우저의 시간을 가져옵니다.
console.log(now); //Fri Jun 25 2021 05:16:49 GMT+0900 (대한민국 표준시)
// new Date(year, month, day, hours, minutes, seconds, milliseconds)
var d = new Date(2021, 6, 24, 10, 33, 30, 0); //특정 날짜,시간을 지정해서 Date 객체 생성
console.log(d); //Sat Jul 24 2021 10:33:30 GMT+0900 (대한민국 표준시)
// new Date(milliseconds)
var d = new Date(0); //1970년1월1일
var d = new Date(100000000000); //1970년1월1일 + 100000000000 = 대략 1973년3월3일
// new Date(date string)
var d2 = new Date("October 13, 2014 11:13:00"); //날짜 문자열로 Date 객체 생성
console.log(Date.now());
var d = new Date(); //현재 날짜/시간
var year = d.getFullYear();
console.log("year", year);
var month = d.getMonth();
console.log("month", month);
var date = d.getDate();
console.log("date", date);
var day = d.getDay();
var hour = d.getHours();
var minute = d.getMinutes();
var second = d.getSeconds();
</script>
</body>
</html>
● Set 함수
Date 객체에 내장되어 있는 Set 함수는 다음과 같다.
| 함수 | 설명 |
| setFullYear() | 4자리의 년도 정보를 설정한다. |
| setMonth() | 0~11 사이의 월 정보를 설정한다. |
| setDate() | 1~31 사이의 일 정보를 설정한다. |
| setHours() | 0~23 사이의 시간 정보를 설정한다. |
| setMinutes() | 0~59 사이의 분 정보를 설정한다. |
| setSeconds() | 0~59 사이의 초 정보를 설정한다. |
| setMilliseconds() | 0~999 사이의 밀리초 정보를 설정한다. |
| setTime() | 1970년 1월 1일 00:00:00 이후에 해당하는 밀리초 정보를 설정한다. |
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
//날짜 값 입력 받아 며칠 전, 며칠 후의 날짜를 계산하는 함수
function getIntervalDate(day) {
var now = new Date();
var dayMilliseconds = 60 * 60 * 24 * 1000;
return new Date(now.getTime() + dayMilliseconds * day);
}
// 현재 날짜로 부터 9일전
console.log(getIntervalDate(-9));
</script>
</body>
</html>
6시가 넘었네?
'02. JavaScript > 01. 기본개념, 문법 (ES6)' 카테고리의 다른 글
| JavaScript_03. 내장 객체_Map (0) | 2023.11.28 |
|---|---|
| JavaScript_03. 내장 객체_Set (0) | 2023.11.28 |
| JavaScript_03. 내장 객체_Array (0) | 2023.11.28 |
| JavaScript_03. 내장 객체_Number (0) | 2023.11.28 |
| JavaScript_03. 내장 객체_String (0) | 2023.11.27 |
