코딩 스쿨 JavaScript

언어선택 : HTMLCSSJAVAJAVASCRIPTMYSQLSQL PHP
▶ JavaScript Tutorial
JavaScript HOME
JavaScript Introduction
JavaScript Where To
JavaScript Output
JavaScript Statements
JavaScript Syntax
JavaScript Comments
JavaScript Variables
JavaScript Let
JavaScript Const
JavaScript Operators
JavaScript Arithmetic
JavaScript Assignment
JavaScript Data Types
JavaScript Functions
JavaScript Objects
JavaScript Object Properties
JavaScript Object Methods
JavaScript Object Display
JavaScript Object Constructors
JavaScript Events
JavaScript Strings
JavaScript String Methods
JavaScript String Search
JavaScript String Templates
JavaScript Numbers
JavaScript BigInt
JavaScript Number Methods
JavaScript Number Properties
JavaScript Arrays
JavaScript Array Methods
JavaScript Array Search
JavaScript Array Sort
JavaScript Array Iteration
JavaScript Array Const
JavaScript Dates
JavaScript Date Formats
JavaScript Date Get Methods
JavaScript Date Set Methods
JavaScript Math
JavaScript Random
JavaScript Booleans
JavaScript Comparisons
JavaScript If Else
JavaScript Switch
JavaScript Loop For
JavaScript Loop For In
JavaScript Loop For Of
JavaScript Loop While
JavaScript Break
JavaScript Iterables
JavaScript Sets
JavaScript Set Methods
JavaScript Maps
JavaScript Map Methods
JavaScript Typeof
JavaScript Type Conversion
JavaScript Destructuring
JavaScript Bitwise
JavaScript RegExp
JavaScript Precedence
JavaScript Errors
JavaScript Scope
JavaScript Hoisting
JavaScript Strict Mode
JavaScript this Keyword
JavaScript Arrow Function
JavaScript Classes
JavaScript Modules
JavaScript JavaScriptON
JavaScript Debugging
JavaScript Style Guide
JavaScript Best Practices
JavaScript Mistakes
JavaScript Performance
JavaScript Reserved Words

JavaScript Date Get Methods

JavaScript Date Get Methods: 날짜 정보 추출 메서드의 이해와 활용

JavaScript에서 Date 객체는 날짜와 시간을 다루기 위한 핵심 객체입니다. 이 객체는 다양한 get 메서드를 제공하여 날짜의 개별 구성 요소를 쉽게 추출할 수 있습니다. 이 가이드는 Date 객체의 get 메서드들을 설명하고, 이를 활용하여 날짜와 시간 데이터를 추출하는 방법을 다룹니다.


1. 주요 Date Get 메서드

1.1. getFullYear()

해당 날짜의 **연도(4자리)**를 반환합니다.

const date = new Date();
console.log(date.getFullYear()); // 출력: 2023

1.2. getMonth()

해당 날짜의 을 반환합니다. 0부터 시작하므로 0은 1월, 1은 2월을 나타냅니다.

console.log(date.getMonth()); // 출력: 9 (10월을 나타냄)

1.3. getDate()

해당 날짜의 을 반환합니다.

console.log(date.getDate()); // 출력: 13 (오늘 날짜)

1.4. getDay()

해당 날짜의 요일을 반환합니다. 요일은 0부터 6까지 반환되며, 0은 일요일, 1은 월요일, 6은 토요일을 나타냅니다.

console.log(date.getDay()); // 출력: 5 (금요일)

1.5. getHours()

해당 날짜의 **시간(시)**을 반환합니다. 24시간 형식으로 반환됩니다.

console.log(date.getHours()); // 출력: 14 (오후 2시)

1.6. getMinutes()

해당 날짜의 을 반환합니다.

console.log(date.getMinutes()); // 출력: 30 (현재 분)

1.7. getSeconds()

해당 날짜의 를 반환합니다.

console.log(date.getSeconds()); // 출력: 45 (현재 초)

1.8. getMilliseconds()

해당 날짜의 밀리초를 반환합니다. 0부터 999까지의 숫자가 반환됩니다.

console.log(date.getMilliseconds()); // 출력: 123 (현재 밀리초)


2. UTC 기준 Get 메서드

JavaScript는 UTC(협정 세계시) 기준으로 날짜와 시간을 추출하는 메서드도 제공합니다. 이 메서드들은 기본 get 메서드와 동일하지만, UTC 시간대를 기준으로 값을 반환합니다.

2.1. getUTCFullYear()

해당 날짜의 UTC 기준 연도를 반환합니다.

console.log(date.getUTCFullYear()); // 예시 출력: 2023

2.2. getUTCMonth()

해당 날짜의 UTC 기준 월을 반환합니다.

console.log(date.getUTCMonth()); // 출력: 9 (UTC 기준 10월)

2.3. getUTCDate()

해당 날짜의 UTC 기준 일을 반환합니다.

console.log(date.getUTCDate()); // 출력: 13 (UTC 기준 오늘 날짜)

2.4. getUTCDay()

해당 날짜의 UTC 기준 요일을 반환합니다.

console.log(date.getUTCDay()); // 출력: 5 (UTC 기준 금요일)

2.5. getUTCHours()

해당 날짜의 UTC 기준 시를 반환합니다.

console.log(date.getUTCHours()); // 출력: 5 (UTC 기준 오전 5시)

2.6. getUTCMinutes()

해당 날짜의 UTC 기준 분을 반환합니다.

console.log(date.getUTCMinutes()); // 출력: 30 (UTC 기준 현재 분)

2.7. getUTCSeconds()

해당 날짜의 UTC 기준 초를 반환합니다.

console.log(date.getUTCSeconds()); // 출력: 45 (UTC 기준 현재 초)

2.8. getUTCMilliseconds()

해당 날짜의 UTC 기준 밀리초를 반환합니다.

console.log(date.getUTCMilliseconds()); // 출력: 123 (UTC 기준 현재 밀리초)


3. 특수 Get 메서드

3.1. getTime()

해당 날짜의 타임스탬프를 반환합니다. 타임스탬프는 1970년 1월 1일 UTC 자정 이후의 밀리초를 의미합니다. 이 값은 두 날짜 간의 시간 차이를 계산하는 데 유용합니다.

console.log(date.getTime()); // 출력: 예시 1697187045123 (1970년 이후 밀리초)

3.2. getTimezoneOffset()

현지 시간과 UTC 시간 사이의 차이를 분 단위로 반환합니다. 이 값은 현지 시간이 UTC보다 앞서 있으면 음수, 뒤처져 있으면 양수로 나타냅니다.

console.log(date.getTimezoneOffset()); // 출력: -540 (한국은 UTC보다 9시간 빠름)


4. 날짜 정보 활용 예시

4.1. 현재 날짜 및 시간 출력

const now = new Date();
const year = now.getFullYear();
const month = (now.getMonth() + 1).toString().padStart(2, '0'); // 0부터 시작하므로 1을 더함
const day = now.getDate().toString().padStart(2, '0');
const hours = now.getHours().toString().padStart(2, '0');
const minutes = now.getMinutes().toString().padStart(2, '0');
const seconds = now.getSeconds().toString().padStart(2, '0');

const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
console.log(formattedDate); // 예시 출력: 2023-10-13 14:30:45

4.2. 두 날짜 간의 차이 계산

const startDate = new Date("2023-10-01");
const endDate = new Date("2023-10-13");

const timeDifference = endDate.getTime() - startDate.getTime();
const dayDifference = timeDifference / (1000 * 60 * 60 * 24); // 밀리초를 일 단위로 변환

console.log(dayDifference); // 출력: 12


요약

  • Date 객체의 get 메서드: getFullYear(), getMonth(), getDate() 등 다양한 메서드를 사용해 날짜와 시간을 개별적으로 추출할 수 있습니다.
  • UTC 기반 메서드: getUTCFullYear(), getUTCDate() 등은 UTC 기준으로 날짜 정보를 제공합니다.
  • 특수 메서드: getTime()은 타임스탬프를 반환하며, getTimezoneOffset()은 현지 시간과 UTC 시간의 차이를 분 단위로 반환합니다.

JavaScript의 다양한 Date get 메서드를 통해 날짜와 시간을 원하는 형식으로 쉽게 추출하고 활용할 수 있습니다. 이를 이용해 날짜 데이터를 효과적으로 관리하고 표시할 수 있습니다.


copyright ⓒ 스타트코딩 all rights reserved.
이메일 : startcodingim@gamil.com