Javascript - 현재 날짜/시간을 항상 한국 기준으로 가져오기

Javascriptdatetime

아래 코드처럼 new Date()로 Date 객체를 생성하면 시스템에 설정된 지역 기준으로 시간을 가져옵니다. 예를 들어, 시스템 Locale이 영국이라면 영국의 시간으로 가져옵니다.

// System local의 시간으로 Date 객체가 생성됨
const currentTime = new Date();

시스템 Locale과 무관하게 한국 시간을 출력하려면 어떻게 해야할까요? 먼저 UTC 시간을 얻고, 영국에서 한국 사이의 시간 차이를 더해주면 한국의 현지 시각을 계산할 수 있습니다. (UTC는 영국의 1970년 1월 1일을 0초로 현재까지 흐른 시간을 계산하는 방식)

1. 시스템 Locale의 날짜/시간 출력

new Date()로 객체를 생성하면, currentTime.toString()으로 출력 시 시스템 Locale의 시간으로 표시됩니다. 그리고 get 함수들로 날짜/시간에 대한 세부적인 정보를 가져올 수 있습니다.

아래 예제는 시스템 Locale을 중국으로 변경하고 코드를 실행했을 때 출력되는 시간입니다.

const currentTime = new Date();

// 시스템 로케일의 날짜, 시간으로 출력
console.log(currentTime.toString());

// Date 객체에서 시간/날짜 정보 가져오기
const year = currentTime.getFullYear();
const month = currentTime.getMonth() + 1;
const day = currentTime.getDate();
const hours = currentTime.getHours();
const minutes = currentTime.getMinutes();
const seconds = currentTime.getSeconds();
console.log(`${year}-${month}-${day}`);
console.log(`${hours}:${minutes}:${seconds}`);

Output:

Sun Oct 29 2023 15:08:51 GMT+0800 (China Standard Time)
2023-10-29
15:8:51

한국으로 설정하고 위 코드를 실행하면 아래와 같이 출력됩니다. 중국과 한국은 시차가 1시간 있네요.

Sun Oct 29 2023 16:09:50 GMT+0900 (Korean Standard Time)
2023-10-29
16:9:50

2. 항상 한국 기준으로 날짜/시간 출력하기

  • getTime()은 UTC 시간을 리턴하며, getTimezoneOffset()은 시스템 Locale과 영국의 시간 차이를 음수로 리턴합니다. 이 두개의 값을 더하면, 영국의 UTC 시간을 얻을 수 있습니다.
  • 영국의 UTC 시간에, 영국과 한국의 시간 차이를 더하면 한국의 UTC 시간을 얻을 수 있습니다.
  • 한국의 UTC 시간으로 Date 객체를 생성하고, 이 객체에서 날짜/시간 정보를 가져올 수 있습니다.

위 내용을 참고하면, 아래와 같이 시스템 Locale과 무관하게 항상 한국 시간을 계산할 수 있습니다.

아래 예제는 시스템 Locale을 중국으로 설정하고 실행하였습니다. now는 중국 시간으로 출력되고, currentTime은 한국 시간으로 출력됩니다. 시차가 1시간이니 계산이 올바르게 되었네요.

const now = new Date();
console.log(now.toString());

// UTC 시간 계산
const utcNow = now.getTime() + now.getTimezoneOffset() * 60 * 1000;
// 한국과 영국의 시간차이(offset)
const offset = 9 * 60 * 60 * 1000;
// UTC 시간에 offset 추가하여, 한국 시간 계산
const currentTime = new Date(utcNow + offset);

// Date 객체에서 시간/날짜 정보 가져오기
const year = currentTime.getFullYear();
const month = currentTime.getMonth() + 1;
const day = currentTime.getDate();
const hours = currentTime.getHours();
const minutes = currentTime.getMinutes();
const seconds = currentTime.getSeconds();
console.log(`${year}-${month}-${day}`);
console.log(`${hours}:${minutes}:${seconds}`);

Output:

Sun Oct 29 2023 15:20:37 GMT+0800 (China Standard Time)
2023-10-29
16:20:37
Loading script...

Related Posts

codechachaCopyright ©2019 codechacha