웹사이트에서 날짜와 시간은 많은 곳에서 사용되죠. 자바스크립트를 사용하여 현재 로컬에 해당하는 타임존(Local Timezone)과 UTC 시간 값을 구하는 방법을 간략하게 정리한 내용입니다. 비교적 편하게 쉽게 읽을 수 있도록 적어보았습니다 :) Show [ 목차 ] ! 위 값들을 계산하기에 앞서서 자바스크립트의 시간과 날짜 생각해보기 ? 그런데 다양한 포맷과 시, 분, 초 등등을 계산하여야 한다면? ! 로컬 타임존 얻는 방법, Local
Timezone 자바스크립트에서 Timezone의 값은 아래와 같은 방법으로 확인이 가능합니다. 최근의 브라우저에서 모두 지원하는 방법입니다. Intl.DateTimeFormat().resolvedOptions().timeZone; // 출력결과 결과를 보니 'Asia/Seoul'이라고 나오는 군요 ~ 이처럼 현재 로컬의 타임존을 쉽게 얻을 수 있습니다. 다음으로 UTC 타임을 구하는 방법입니다. ! UTC 시간 구하는 방법 [ 참고하기 ] 이와 같이 시간이 차이는 다국어를 지원하는 웹로컬라이제이션 환경의 웹사이트에서 특히 필요합니다. 만약 여러나라에서 같은 시간인 동시에 특정 페이지를 오픈하거나 이벤트를 시작한다고 가정할 때 UTC처럼 기준이 되는 시간을 사용할 수 있습니다. 그럼 타임존(Timezone)을 구하는 방법을 알아봅니다.입니다. 타임존은 Date 객체의 getTimezoneOffset() 프로퍼티를 사용하여 구할 수 있습니다.아래의 코드는 타임존을 얻어낸 예제 코드입니다. const date = new Date(); const
timezone = date.getTimezoneOffset() date.getTimezoneOffset() / 60 위에서 첫 번째 timezone의 값은 -540을 보여줍니다. 단위는 분이며 이를 60으로 나눌 경우 -9 값이 나타나게 됩니다. 즉 9시간만큼 차이가 나며 UTC 시간보다 9 시간이 더 빠르다고 이해할 수 있습니다. 참고로 현재 날짜와 시간 값을 얻으면 아래와 같이 GMT 값이 표기됩니다. console.log(new Date()) // 출력결과 이때 GMT시간을 같이 표기해주는 것을 알 수 있습니다. GMT +0900은 UTC보다 9시간이 빠른 한국 표준시(KST)를 말합니다. 어제 오늘 내일IT/Javascript [Javascript] 현재 날짜, 시간 구하기hi.anna 2019. 8. 1. 06:46
JavaScript에서 현재 날짜와 시간을 구하는 방법을 알아보도록 하겠습니다. 현재 날짜 구하기See the Pen CurrentDate by anna (@hianna) on CodePen. new Date()는 현재 날짜와 시간을 가지는 객체를 리턴합니다. 현재 연도/월/일/요일 구하기See the Pen CurrentDate by anna (@hianna) on CodePen. 현재 연도/월/일/요일을 구하기 위해서 getFullYear(), getMonth(), getDate(), getDay() 함수를 사용했습니다.
현재 시간/분/초/밀리초 구하기See the Pen CurrentDate by anna (@hianna) on CodePen. 현재 시간/분/초/밀리초를 구하기 위해서 getHours(), getMinutes(), getSeconds(), getMilliseconds() 함수를 사용했습니다.
See the Pen jstest by anna (@hianna) on CodePen. 좀 더 손쉽게 날짜와 시간 가져오기See the Pen CurrentDate by anna (@hianna) on CodePen. toLocaleDateString(), toLocaleTimeString(), toLocaleString() 함수를 사용하여 날짜와 시간을 표현하였습니다. 이 함수들은 브라우저에 설정된 국가에서 사용되는 날짜, 시간 표현 형식으로 날짜와 시간을 보여줍니다. 우리 나라에서는 보통 년/월/일 순서로 날짜를 표현하므로, toLocaleDateString() 함수를 사용하면 년/월/일 순서로 날짜를 표현해주고 있는 것을 확인할 수 있습니다. 마지막 예제를 보면
toLocaleDateString에 'en-US'로 설정해 주었습니다. 이 경우에는 미국에서 날짜를 표현하는 방식인 월/일/연도 순서로 날짜가 표현되는 것을 볼 수 있습니다. 지금까지 Javascript로 현재 날짜와 시간을 표현하는 법을 살펴보았습니다. |