“Date()” 함수는 JavaScript에서 날짜와 시간 정보를 다룰 때 사용합니다. 다양한 메서드를 사용하여 날짜 및 시간 정보를 처리하고 원하는 형식으로 출력할 수 있습니다. 아래는 “Date()” 함수의 구문과 사용된 인수들의 정의, 몇 가지 사용 예제와 설명, 그리고 출력 결과입니다.
◎ 1. 구문 |
“Date()” 함수에는 다양한 형태의 인수를 전달할 수 있으며, 이를 통해 특정 날짜와 시간을 나타내는 객체를 생성할 수 있습니다.
new Date(); |
JavaScript의 “new Date()” 생성자는 다양한 형태의 인수를 받을 수 있습니다. 이러한 방식으로 “new Date()” 생성자를 사용하여 다양한 날짜와 시간을 나타내는 Date 객체를 생성할 수 있습니다.
(1) 인수 없음
“new Date()”를 인수 없이 호출하면 현재 날짜와 시간을 나타내는 Date 객체가 생성됩니다.
let now = new Date(); |
(2) 연, 월, 일, 시, 분, 초, 밀리초
“new Date(year, month, day, hours, minutes, seconds, milliseconds)” 형태로 여러 개의 숫자 인수를 제공할 수 있습니다. 월은 0이 1월을 나타내므로, 원하는 월을 얻기 위해서는 실제 월에서 1을 빼야 합니다.
let date = new Date(2023, 10, 28, 7, 57, 26); // 2023년 11월 28일 07시 57분 26초 |
(3) 문자열
“new Date(dateString)” 형태로 날짜를 나타내는 문자열을 인수로 제공할 수 있습니다. 이 문자열은 '월/일/년' 혹은 '년-월-일' 형식을 따르며, 시간은 선택적입니다.
let date = new Date("2023-11-28"); |
(4) 타임스탬프
“new Date(milliseconds)” 형태로 1970년 1월 1일 00:00:00 UTC(협정 세계시)부터 경과한 밀리초를 나타내는 숫자를 인수로 제공할 수 있습니다.
let date = new Date(1672531046000); |
◎ 2. 현재 날짜와 시간 가져오기 |
“currentDate” 변수에 현재 날짜와 시간 정보를 가지는 “Date” 객체가 생성됩니다.
const currentDate = new Date();
console.log(currentDate);
[출력]
2023-11-27T22:55:48.167Z
◎ 3. 특정 날짜 및 시간 지정 |
“specificDate” 변수에 "2023-10-13T12:00:00" 날짜 및 시간 정보를 가지는 “Date” 객체가 생성됩니다. 문자열 형식은 ISO 8601 형식을 따릅니다.
const specificDate = new Date("2023-10-13T12:00:00");
[출력]
2023-10-13T03:00:00.000Z
ISO 8601 이란?
ISO 8601은 날짜와 시간을 표현하는 국제 표준입니다. 이 표준은 날짜와 시간의 표현 방식에 대해 명확하고 일관된 규칙을 제공하여, 국가 간, 시스템 간의 정보 교환을 용이하게 합니다.
ISO 8601 형식의 기본 패턴은 "YYYY-MM-DDTHH:mm:ss.sssZ"입니다. 여기서 각 부분은 다음을 나타냅니다:
- YYYY: 4자리 연도
- MM: 2자리 월 (01 = 1월, 12 = 12월)
- DD: 2자리 일 (01 = 1일, 31 = 31일)
- T: 날짜와 시간 사이의 구분자
- HH: 2자리 시간 (00 = 12시, 23 = 11시)
- mm: 2자리 분 (00 = 0분, 59 = 59분)
- ss.sss: 초를 나타내며, 소수점 이하 3자리까지 표시될 수 있습니다.
- Z: 시간대를 나타내며, Z는 UTC를 의미합니다. 시간대를 특정하려면 'Z' 대신 '+HH:mm' 또는 '-HH:mm' 형식을 사용
예를 들어, "2023-11-28T08:01:44.000Z"는 2023년 11월 28일 UTC로 08시 01분 44초를 나타냅니다. 이 표준에 따르면, 날짜와 시간은 대소문자를 구분하며, 날짜는 대시('-')로, 시간은 콜론(':')으로 구분합니다. 또한, 날짜와 시간 사이에는 대문자 'T'를 사용하여 구분합니다.
◎ 4. 특정 날짜의 유닉스 타임스탬프 가져오기 |
“timestamp” 변수에 "2023-10-13"의 유닉스 타임스탬프가 저장됩니다. 이 값은 1970년 1월 1일 자정(UTC)부터 해당 날짜까지의 밀리초 단위 경과 시간입니다.
const timestamp = new Date("2023-10-13").getTime();
console.log(timestamp);
[출력]
1697155200000
◎ 5. 날짜 및 시간 정보 추출 |
“get...()” 메서드를 사용하여 “Date” 객체에서 연도, 월, 일, 시, 분, 초 등의 정보를 추출할 수 있습니다.
const now = new Date();
const year = now.getFullYear();
const month = now.getMonth(); // 0부터 시작
const day = now.getDate();
const hours = now.getHours();
const minutes = now.getMinutes();
const seconds = now.getSeconds();
◎ 6. 날짜 및 시간 형식 출력 |
“formattedDate” 변수에 현재 날짜 및 시간 정보를 지정된 로캘 형식으로 문자열로 반환합니다.
const now = new Date();
const formattedDate = now.toLocaleString();
console.log(formattedDate);
[출력]
2023. 11. 28. 오전 8:05:30
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
자바스크립트(Javascript) 웹 페이지 자동 새로 고침 적용하기 (3) | 2024.04.17 |
---|---|
자바스크립트(JavaScript) 웹 소스 테스트 사이트 소개 (0) | 2024.04.05 |
구글 크롬 개발자 도구 이용해서 자바스크립트 코드 실행하는 방법 (0) | 2024.03.20 |
자바스크립트 DOM document.write() 함수로 화면에 텍스트를 출력하기 (3) | 2024.02.06 |
자바스크립트(Javascript) escape, encodeURI, encodeURIComponent 인코딩 함수 (1) | 2024.01.15 |
자바스크립트(Javascript) 글자수 체크하는 방법 (5) | 2024.01.12 |
자바스크립트(Javascript) 문자열에 쓰이는 특수 문자를 기호로 넣는 방법 (1) | 2024.01.06 |
자바스크립트 match() 일치하는 문자열 검색 (1) | 2024.01.01 |