Microsoft MVP성태의 닷넷 이야기
스크립트: 33. JavaScript와 C#의 시간 변환 [링크 복사], [링크+제목 복사],
조회: 16496
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 
(연관된 글이 1개 있습니다.)
(시리즈 글이 8개 있습니다.)
.NET Framework: 614. C# - DateTime.Ticks의 정밀도
; https://www.sysnet.pe.kr/2/0/11082

.NET Framework: 827. C# - 인터넷 시간 서버로부터 받은 시간을 윈도우에 적용하는 방법
; https://www.sysnet.pe.kr/2/0/11883

스크립트: 33. JavaScript와 C#의 시간 변환
; https://www.sysnet.pe.kr/2/0/12849

Windows: 204.  Windows 10부터 바뀐 QueryPerformanceFrequency, QueryPerformanceCounter
; https://www.sysnet.pe.kr/2/0/13035

.NET Framework: 1997. C# - nano 시간을 가져오는 방법
; https://www.sysnet.pe.kr/2/0/13036

스크립트: 47. 파이썬의 time.time() 실숫값을 GoLang / C#에서 사용하는 방법
; https://www.sysnet.pe.kr/2/0/13308

닷넷: 2143. C# - 시스템 Time Zone 변경 시 이벤트 알림을 받는 방법
; https://www.sysnet.pe.kr/2/0/13413

닷넷: 2309. C# - .NET Core에서 바뀐 DateTime.Ticks의 정밀도
; https://www.sysnet.pe.kr/2/0/13803




JavaScript와 C#의 시간 변환

예전 글에서,

WCF AJAX 서비스와 JavaScript 간의 DateTime 연동
; https://www.sysnet.pe.kr/2/0/1101

자바스크립트로부터 넘어온 시간 데이터 값을 C#으로 변환하는 것을 이미 설명했었는데요, 그래도 한 번 더 정리해봐야겠습니다.^^;

자바스크립트의 경우 UTC 시간을 구성하기 위해 명시적으로 Date.UTC라는 함수가 있습니다.

// Date.UTC()
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC

var someday = Date.UTC(2021, 10, 14, 0, 0, 0)

여기서 주의할 것은, 달(Month)을 지정하는 값이 0을 시작으로 한 값이라는 점입니다. 즉, 위의 코드에서는 11월 14일을 의미하는 것이어서, C#으로 위의 표현을 변환할 때는 반드시 +1을 해야 합니다.

DateTime someday = new DateTime(2021, 11, 14, 0, 0, 0);

또한, Date.UTC가 반환하는 값은 시간/날짜를 표현하는 개체가 아니고 1970-1-1, 00:00:00 UTC 시간을 기준으로 흐른 총 밀리초를 가지고 있는 숫자에 불과합니다.

따라서, 좀 더 정확히 Date.UTC와 유사한 C# 코드를 구현하고 싶다면 다음과 같이 바꿔야 합니다.

var someday = new DateTime(2021, 11, 14, 0, 0, 0);
long dayNumber = GetTime(someday);

public static long GetTime(DateTime time)
{
    /* Epoch Ticks == 621355968000000000 */
    return (time.Ticks - 621355968000000000) / TimeSpan.TicksPerMillisecond;
}

그렇다면 이제 자바스크립트의 Date 타입은 어떨까요?

Date
; https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

한 가지 혼란스러운 점이 있다면, Date.UTC가 있다면 왠지 그냥 Date는 Local Time을 기준으로 할 것 같은데 이것 역시 UTC라는 점입니다. 따라서 C#으로는 DateTime.UtcNow를 사용해야 합니다.

// JavaScript
var today = new Date();

// C#
var today = DateTime.UtcNow;

또한, Date.UTC처럼 밀리초로 반환하고 싶다면 이때 사용할 수 있는 함수가 getTime입니다.

// JavaScript
var today = new Date();
var dayNumber = today.getTime()

// C#
var today = DateTime.UtcNow;
var dayNumber = GetTime(today);

대충 이 정도면 JavaScript의 Date와 값을 교환하는데 별다른 문제가 없을 것입니다. ^^




참고로, 자바스크립트의 간단한 실행 값 결과는 node를 이용하면 편리하게 확인할 수 있습니다.

$ node
> Date.UTC(2021, 10, 14)
1636848000000

> var d = new Date() // 현재의 시간을 UTC로.
undefined

> typeof(d) // 타입은 object
'object'

> typeof(d) == typeof(Date) // Date 타입이 아니라는 점!
false

> d instanceof Date // 하지만 instanceof 연산자를 사용하면 연결 체인 관계를 살펴 Date 타입임을 판별할 수 있고.
true

> d instanceof Object
true




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 10/17/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 



2023-04-04 10시30분
.NET 4.6, .NET Core 1.0+ 이후 추가된 DateTimeOffset.ToUnixTimeSeconds 메서드
; https://learn.microsoft.com/ko-kr/dotnet/api/system.datetimeoffset.tounixtimeseconds
정성태

... 91  92  [93]  94  95  96  97  98  99  100  101  102  103  104  105  ...
NoWriterDateCnt.TitleFile(s)
11610정성태7/15/201817392Graphics: 5. Unity로 실습하는 Shader (3) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model) + Texture
11609정성태7/15/201820407Graphics: 4. Unity로 실습하는 Shader (2) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model)
11608정성태7/15/201824966Graphics: 3. Unity로 실습하는 Shader (1) - 컬러 반전 및 상하/좌우 뒤집기
11607정성태7/14/201825297Graphics: 2. Unity로 실습하는 Shader [1]
11606정성태7/13/201825938사물인터넷: 19. PC에 연결해 동작하는 자신만의 USB 장치 만들어 보기파일 다운로드1
11605정성태7/13/201821740사물인터넷: 18. New NodeMCU v3 아두이노 호환 보드의 내장 LED 및 입력 핀 사용법 [1]파일 다운로드1
11604정성태7/12/201820865Math: 47. GeoGebra 기하 (24) - 정다각형파일 다운로드1
11603정성태7/12/201816921Math: 46. GeoGebra 기하 (23) - sqrt(n) 제곱근파일 다운로드1
11602정성태7/11/201817091Math: 45. GeoGebra 기하 (22) - 반전기하학의 원에 관한 반사변환파일 다운로드1
11601정성태7/11/201819856Math: 44. GeoGebra 기하 (21) - 반전기하학의 직선 및 원에 관한 반사변환파일 다운로드1
11600정성태7/10/201818313Math: 43. GeoGebra 기하 (20) - 세 점을 지나는 원파일 다운로드1
11599정성태7/10/201817625Math: 42. GeoGebra 기하 (19) - 두 원의 안과 밖으로 접하는 직선파일 다운로드1
11598정성태7/10/201819503Windows: 147. 시스템 복구 디스크를 USB 디스크에 만드는 방법
11597정성태7/10/201821611사물인터넷: 17. Thinary Electronic - ATmega328PB 아두이노 호환 보드의 개발 환경 구성
11596정성태7/10/201819547기타: 72. 과거의 용어 설명 - OWIN
11595정성태7/10/201825303사물인터넷: 16. New NodeMCU v3 아두이노 호환 보드의 기본 개발 환경 구성
11594정성태7/8/201819689Math: 41. GeoGebra 기하 (18) - 원의 중심 및 접선파일 다운로드1
11593정성태7/8/201818710Math: 40. GeoGebra 기하 (17) - 각의 복사파일 다운로드1
11591정성태7/7/201818045Math: 39. GeoGebra 기하 (16) - 삼각형의 방심과 방접원파일 다운로드1
11590정성태7/7/201817602Math: 38. GeoGebra 기하 (15) - 삼각형의 수심파일 다운로드1
11589정성태7/7/201817874.NET Framework: 787. object로 형변환된 인스턴스를 원래의 타입 인자로 제네릭 메서드를 호출하는 방법 [2]파일 다운로드1
11588정성태7/7/201819347디버깅 기술: 116. windbg 분석 사례 - ASP.NET 웹 응용 프로그램의 CPU 100% 현상 (3)
11587정성태7/5/201818948.NET Framework: 786. ASP.NET - HttpCookieCollection을 다중 스레드에서 사용할 경우 무한 루프 현상
11586정성태7/5/201818130Math: 37. GeoGebra 기하 (14) - 삼각형의 무게 중심파일 다운로드1
11585정성태7/5/201818304Math: 36. GeoGebra 기하 (13) - 삼각형의 외심과 외접하는 원파일 다운로드1
11584정성태7/5/201818288Math: 35. GeoGebra 기하 (12) - 삼각형의 내심과 내접하는 원파일 다운로드1
... 91  92  [93]  94  95  96  97  98  99  100  101  102  103  104  105  ...