[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)
  • 태그

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

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.