자바스크립트 현재 날짜, 시간 구해서 활용하기

자바스크립트에서 현재 시간과 날짜를 구하는 이유는 웹 애플리케이션 및 웹사이트에서 실시간 기능, 사용자 경험 개선, 일정 관리, 데이터 타임스탬프, 컨텐츠 업데이트, 보고 및 분석을 위한 다양한 목적으로 활용합니다. 자바스크립트에서 현재 날짜와 시간을 구하는 방법은 Date 객체를 사용하는 것입니다. Date 객체를 생성하면 현재 날짜와 시간 정보를 얻을 수 있습니다. Date 객체를 사용하면 JavaScript에서 현재 날짜와 시간을 쉽게 얻을 수 있으며, 이 정보를 다양한 방식으로 가공하여 활용해 보세요.

 

 

 

◎ 1. 객체 생성하기

 

new 키워드를 사용해서 날짜 추출을 위한 객체를 생성합니다.

 

const currentDate = new Date();

 

 

◎ 2. 기본 날짜 출력하기

 

예제에서 Date 객체를 생성하고 currentDate 변수에 할당한 다음, console.log(currentDate)를 사용하여 현재 날짜와 시간 정보를 콘솔에 출력합니다.

 

const currentDate = new Date(); console.log(currentDate);   [출력] Mon Oct 03 2022 15:47:14 GMT+0000 (Coordinated Universal Time)

 

 

◎ 3. 나라별 날짜 형식을 변경하기

 

JavaScript에서 현재 날짜를 생성하는 코드를 사용할 때, 나라별로 날짜 형식을 다르게 출력하려면 Intl.DateTimeFormat 객체를 사용하여 로케일(언어 및 지역 설정)을 설정하고 원하는 형식으로 날짜를 출력할 수 있습니다. 아래 코드는 현재 날짜를 미국과 프랑스 형식으로 출력하는 방법을 보여줍니다

 

const currentDate = new Date();   // 미국 형식 const usDateFormat = new Intl.DateTimeFormat('en-US').format(currentDate); console.log('미국 형식: ' + usDateFormat);   // 프랑스 형식 const frDateFormat = new Intl.DateTimeFormat('fr-FR').format(currentDate); console.log('프랑스 형식: ' + frDateFormat);   [출력] 미국 형식: 10/25/2023 프랑스 형식: 25/10/2023

 

위 코드에서 Intl.DateTimeFormat 객체를 사용하여 언어 및 지역을 설정하고 format() 메서드를 사용하여 형식화된 날짜를 얻습니다. 'en-US'는 미국 로케일을, 'fr-FR'은 프랑스 로케일을 나타냅니다. 이와 같이 로케일을 변경하면 날짜 형식이 해당 지역에 맞게 출력합니다. 로케일을 설정하여 날짜 형식을 변경할 때, 월, 일, 연도 순서, 구분자 및 기타 형식이 해당 지역의 관행에 따라 자동으로 조정합니다.

 

 

◎ 4. 특정 형식으로 날짜 출력

 

예제에서는 Date 객체를 사용하여 현재 날짜와 시간 정보를 얻은 후, 해당 정보를 원하는 형식으로 가공하여 출력합니다. 현재 날짜와 시간을 각각 연도, 월, 일, 시, 분, 초로 분리하여 출력합니다.

 

const currentDate = new Date(); const year = currentDate.getFullYear(); const month = currentDate.getMonth() + 1; const day = currentDate.getDate(); const hours = currentDate.getHours(); const minutes = currentDate.getMinutes(); const seconds = currentDate.getSeconds(); console.log(`현재 날짜: ${year}-${month}-${day}`); console.log(`현재 시간: ${hours}:${minutes}:${seconds}`);   [출력] 현재 날짜: 2022-10-03 현재 시간: 15:47:14

  

◎ 5. 날짜를 더하거나 빼서 연산하기

 

자바스크립트에서 날짜 연산은 Date 객체를 사용하여 수행됩니다. 사직연산을 이용해서 날짜를 더하거나 뺄 수 있습니다. 다음은 간단한 날짜 연산의 예제와 출력입니다. 이 예제에서는 현재 날짜를 기준으로 날짜 연산을 수행합니다. 위 예제에서는 날짜를 생성하고 덧셈 및 뺄셈 연산을 수행하여 날짜 연산을 시연하였습니다. JavaScript의 Date 객체를 활용하면 다양한 날짜 연산을 수행할 수 있으며, 필요에 따라 시간, 분, 초, 밀리초 등의 연산도 가능합니다.

 

(1) 현재 날짜에 일 수 더하기

 

// 현재 날짜를 얻습니다. const currentDate = new Date();   // 7일을 더한 날짜를 계산합니다. const sevenDaysLater = new Date(currentDate); sevenDaysLater.setDate(currentDate.getDate() + 7);   console.log('현재 날짜: ' + currentDate.toDateString()); console.log('7일 후: ' + sevenDaysLater.toDateString());   [출력] 현재 날짜: Wed Oct 18 2023 7일 후: Wed Oct 25 2023

 

 

(2) 날짜 간의 차이 계산

 

// 두 날짜를 생성합니다. const startDate = new Date('2023-10-15'); const endDate = new Date('2023-10-20');   // 두 날짜 간의 차이를 계산합니다. const timeDifference = endDate - startDate;   // 밀리초(ms)를 일(day)로 변환합니다. const daysDifference = timeDifference / (1000 * 60 * 60 * 24);   console.log('시작 날짜: ' + startDate.toDateString()); console.log('종료 날짜: ' + endDate.toDateString()); console.log('날짜 간의 차이 (일): ' + daysDifference);   [출력] 시작 날짜: Sun Oct 15 2023 종료 날짜: Fri Oct 20 2023 날짜 간의 차이 (일): 5

 

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 ▶ 자바스크립트 display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법