[JavaScript] Date 함수 시간을 한국 시간으로 변경

2023. 4. 12. 14:51·JavaScript
반응형

JavaScript로 개발하다보면 Date 함수에서 사소한 불편함을 느끼는 경우가 있다. 

바로 시간이다. 

 

new Date를 사용해서 현재 시간을 가져와서 확인한다면 바로 알 수 있다. 

// 현재 시간 : 2023-04-13 09:00:00
const curr = new Date();

console.log(curr);
// 2023-04-13 00:00:00

Date의 기준이 영국시간으로 9시간 전이기 때문이다. 

 

크게 보면 문제가 없을 수 있다. 모든 시간을 Date를 기준으로 사용한다면? 

하지만 어떤 경우에는 9시간 차이로 인해서 13일이라면 12일로 나오는 경우도 있다. 

 

프론트엔드에서 이런 차이가 얼마나 크겠냐 싶지만 크리티컬한 문제를 발생시킬 수 있는 부분이기도 하다. 

그럼 이것을 한국 시간으로 어떻게 바꿔야할까? 

 

const offset = 1000 * 60 * 60 * 9
const koreaNow = new Date((new Date()).getTime() + offset)

console.log(Date.now.replace("T", " ").split('.')[0])
//2022-07-19 06:31:12  -> UTC
console.log(koreaNow.toISOString().replace("T", " ").split('.')[0])
//2022-07-19 15:31:12  -> Seoul/Asian

다음과 같이 9시간을 현재 시간에 더해준 새로운 Date를 사용하는 것이다. 

크게 어려운 코드가 아니니 필요에 따라 사용해볼만 하다.

반응형
저작자표시 비영리 변경금지 (새창열림)

'JavaScript' 카테고리의 다른 글

[JavaScript] localeCompare  (0) 2023.04.22
[JavaScript]   공백 표시가 안되는 경우  (0) 2023.04.14
[JavaScript] ??와 || 의 차이  (0) 2023.04.09
[JavaScript] then vs Async/Await  (0) 2023.01.27
[JavaScript] every, some  (1) 2023.01.12
'JavaScript' 카테고리의 다른 글
  • [JavaScript] localeCompare
  • [JavaScript]   공백 표시가 안되는 경우
  • [JavaScript] ??와 || 의 차이
  • [JavaScript] then vs Async/Await
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    영어회화
    react
    식물
    javascript
    next.js
    리얼학습일기
    프로그래머스
    다이소
    Node.js
    리얼클래스
    ReactNative
    redux
    덤프
    CSS
    네트워크
    webpack
    네이버 부스트캠프
    타일러영어
    typescript
    Babel
    바질 키우기
    바질
    Docker
    CCNA
    ChatGPT
    알고리즘
    자바스크립트
    영어독학
    리액트
    타입스크립트
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[JavaScript] Date 함수 시간을 한국 시간으로 변경
상단으로

티스토리툴바