JavaScript

# 전체내용 둘러보기(Overview) – Link

JavaScript도 해당되지만 Java, C등 여러가지 언어에서 시간관련 정보를 다루게 되다보면 필수적으로 부딪히게 되는 부분이 이 시간대관련 정보이다. 이러한 시간에 관한 정보를 다루게 되다 보면 UTC, GMT, KST등 여러가지 개념등이 등장하게 되어 혼동되는 경우가 발생하게 된다. 이중에서도 UTC, GMT, KST, ISO8601에 대해서 정리하고 JavaScript에서는 시간정보를 어떻게 저장하고 다시 변환하여야 현재의 시간을 다룰수 있는지에 대해서 기술하고자 한다.

[GMT(Greenwich Mean Time)]

GMT는 경도가 0’인 그리니치 천문대에서의 표준시간을 말한다. 1972년부터 사용해온 협정 세계시로 런던(영국의 수도)을 기점으로 하고 웰링턴(뉴질랜드의 수도)을 종점으로 한다. 또한 GMT는 천체의 운동을 기준으로 정한 시간으로 세계시(Universal Time)이라고 부르는것은 이 GMT(=UT)을 말한다. 우리가 알고 있는 로컬 시간(지방시)은 경도의 변화에 대한 정확한 시간 변화를 반영한 시간이다. 로절시간(지방시, Localtime ) = UT + 지방의경도 * 24 / 360 으로 계산되는 시간을 말한다.

[UTC(Coordinated Universal Time)]

협정세계시라 불리우는 UTC는 일반적으로 “Universal Time Code”나 “Universal Time Convention”의 약칭으로 사용되는 이는 틀린것이라 한다. 영어권은 CUT(Coordinated Universal Time)을 제안하고, 프랑스어권은 TUC(Temps Universal Coordonne)를 제안하였으나 두가지 모두 U,T,C가 공통으로 들어가 있는 것에 착안하여 UTC로 약어가 된것이다. 이러한 UTC는 그리치니 평균시(GMT)로 불리기도 하는데, UTC와 GMT는 초의 소수점 단위에서만 차이가 나기 때문에 일상에서는 혼용되어 사용된다. 다만 기술적인 부분이나 프로그래밍에서는 UTC로 더 사용한다. 또한 UTC는 그레고리력의 표기를 따르는데 일반적으로 우리가 시간에 대해 알고 있는 상식인 1일=24시간, 1시간=60분, 1분=60초로 계산되나 가변적인 특징은 가지고 있다. 하지만 태양의 공전/자전으로 측정하는 태양시는 UTC의 하루가 86,400초인것에 비해 약간 길기 때문에 UTC는 가끔 하루의 제일 마지막 1분을 61초로 계산할때도 있다. 이러한 방식으로 추가되는 초를 윤초라고 한다. 6월 30일의 마지막이나 12월 31일 마지막에 추가된다.

[KST(Korea Standard Time)]

KST의 타임존은 UTC/GMT +9 입니다. 그리니치 천문대가 있는 곳의 시간인 세계협정시(세계표준시)에서 9시간을 더하면 한국시간이 된다. 이때 시간을 더할때 날짜가 넘어가면 날짜도 증가시켜야 한다. 실제 시간을 계산할 경우에는 KST는 그리니치 천문대로부터 135˚가 떨어진 시간대를 적용하므로, 그리니치 천문대로부터 동쪽으로 15˚떨어질 때마다 1시간씩 시간이 빨라지는 계산법을 적용하게 되면 9시간(135˚ % 15˚ = 9)이 빨라지게 된다.

[ISO8601]

ISO 8601은 날짜와 시간의 표기에 관한 국제 표준 규격을 말한다.

연월일 표기
연월일을 표기할 때는 YYYY-MM-DD (확장 형식) 또는 YYYYMMDD (기본 형식)으로 표기
시간 표기
시간을 표기할때는 콜론을 쓴 hh:mm:ss (확장 형식) 또는 hhmmss (기본 형식)을 사용한다. hh는 시를 나타내며 00부터 24까지의 값을 가지고, mm은 분으로 00부터 59까지의 값을, ss는 초로 00부터 59까지의 값을 갖는다. 날짜와 시간을 함께 표기할 때에는, 날짜와 시간 사이에 T를 넣어 표기한다.
i.e) 예) 2018-02-14T09:00:00 : 2018년 2월 14일 09:00
시간대 표기
시간대를 표기할 때에는 Z또는 +/- 기호를 사용한다.
UTC 시간대를 의미할때는 연월일과 시간사이에 Z를 붙인다.
ie) 2018-02-14T09:00Z 또는 20180214T0900Z : UTC 시간대에서의 2018년 2월 14일 오전 9시
UTC 외의 시간대에서는 시각 뒤에 +- hh:mm, +- hhmm, +- hh 를 덧붙여 쓴다.
i.e) 2018-02-14T09:00:00+09:00 : UTC+9 시간대에서의 2018년 2월 14일 오전 9시
시간뒤에 +가 붙으면, UTC의 시각보다 더 “빠르다”라는 의미이며 시간뒤에 -가 붙으면 느리다는 것을 의미하다.
i.e) 2018-02-14T09:00+09:00와 2018-02-14T00:00Z 의 2개의 시간은 같은 의미이다. UTC+9 시간대에서는 오전 9시이지만, UTC 시간대에서는 오전 0시이다.

[UTC&GMT <-> KST 시간변환]

Unix Epoch Time을 기준으로 UTC변환
https://www.epochconverter.com/ 사이트에 접속하여 “1519292110”와 같은 데이터를 넣어주면 해당 Epoch 시간에 맞는 UTC&GMT시간 정보와 KST 시간 정보를 출력받을수 있다.
UTC <-> KST 변환
http://www.timebie.com/timezone/universalkorea.php 사이트에서 원하는 시간을 설정하고 UTC <-> KST 변환시에는 시간표 제일 하단에 “Show Universal Time to Korea Time Conversion Chart Instead” 링크를 눌러주면 서로 변경된다.

[Moment라이브러리를 이용한 시간대 변경]

여러가지 시간대를 다루게 된다면 거의 Moment 라이브러리를 사용하는것이 편리하다. 아래의 예제는 같은 시간정보를 Timezone에 따라 변경하는 예제이다.

# Moment Timezone 변경처리(뉴욕 시간대를 LA, London으로 변경하여 출력) 
var newYork    = moment.tz("2014-06-01 12:00", "America/New_York");
var losAngeles = newYork.clone().tz("America/Los_Angeles");
var london     = newYork.clone().tz("Europe/London");

newYork.format();    // 2014-06-01T12:00:00-04:00
losAngeles.format(); // 2014-06-01T09:00:00-07:00
london.format();     // 2014-06-01T17:00:00+01:00


# Moment Timezone 변경처리
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.14/moment-timezone.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.14/moment-timezone-with-data.min.js"></script>

<script>
var timestamp = 1518586483390;		// Unix Epoch 시간(miliseconds) = 2018년 2월 14일 2시 34분 43초
var date = new Date(timestamp);

// 현재 시간을 서울과 뉴욕시간으로 변경해서 출력
var seoul = moment(timestamp).tz("Asia/Seoul");    
var ny = moment(timestamp).tz("America/New_York");  
console.log('[1]현재 서울시간 : '+seoul.format());			 // [1]현재 서울시간 : 2018-02-14T14:34:43+09:00
console.log('[2]현재 서울시간을 뉴욕시간대로 변경 : '+ny.format());	 // [2]현재 서울시간을 뉴욕시간대로 변경 : 2018-02-14T00:34:43-05:00	

</script>
</head>
<body>
</body>
</html>

# Moment Timezone 변경처리(뉴욕 시간대를 LA, London으로 변경하여 출력)

var newYork = moment.tz("2014-06-01 12:00", "America/New_York");

var losAngeles = newYork.clone().tz("America/Los_Angeles");

var london = newYork.clone().tz("Europe/London");

newYork.format(); // 2014-06-01T12:00:00-04:00

losAngeles.format(); // 2014-06-01T09:00:00-07:00

london.format(); // 2014-06-01T17:00:00+01:00

# Moment Timezone 변경처리

<!DOCTYPE html>

<html>

<head>

var timestamp = 1518586483390; // Unix Epoch 시간(miliseconds) = 2018년 2월 14일 2시 34분 43초

var date = new Date(timestamp);

// 현재 시간을 서울과 뉴욕시간으로 변경해서 출력

var seoul = moment(timestamp).tz("Asia/Seoul");

var ny = moment(timestamp).tz("America/New_York");

console.log('[1]현재 서울시간 : '+seoul.format()); // [1]현재 서울시간 : 2018-02-14T14:34:43+09:00

console.log('[2]현재 서울시간을 뉴욕시간대로 변경 : '+ny.format()); // [2]현재 서울시간을 뉴욕시간대로 변경 : 2018-02-14T00:34:43-05:00

</script>

</head>

<body>

</body>

</html>

Likes 0