Microsoft MVP성태의 닷넷 이야기
스크립트: 33. JavaScript와 C#의 시간 변환 [링크 복사], [링크+제목 복사],
조회: 8031
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 
(연관된 글이 2개 있습니다.)

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
정성태

... 31  32  33  34  35  36  37  38  39  40  41  42  43  [44]  45  ...
NoWriterDateCnt.TitleFile(s)
12544정성태2/26/202111670.NET Framework: 1025. C# - Control의 Invalidate, Update, Refresh 차이점 [2]
12543정성태2/26/202110009VS.NET IDE: 158. C# - 디자인 타임(design-time)과 런타임(runtime)의 코드 실행 구분
12542정성태2/20/202112341개발 환경 구성: 544. github repo의 Release 활성화 및 Actions를 이용한 자동화 방법 [1]
12541정성태2/18/20219575개발 환경 구성: 543. 애저듣보잡 - Github Workflow/Actions 소개
12540정성태2/17/20219896.NET Framework: 1024. C# - Win32 API에 대한 P/Invoke를 대신하는 Microsoft.Windows.CsWin32 패키지
12539정성태2/16/20219806Windows: 189. WM_TIMER의 동작 방식 개요파일 다운로드1
12538정성태2/15/202110195.NET Framework: 1023. C# - GC 힙이 아닌 Native 힙에 인스턴스 생성 - 0SuperComicLib.LowLevel 라이브러리 소개 [2]
12537정성태2/11/202111265.NET Framework: 1022. UI 요소의 접근은 반드시 그 UI를 만든 스레드에서! - 두 번째 이야기 [2]
12536정성태2/9/202110211개발 환경 구성: 542. BDP(Bandwidth-delay product)와 TCP Receive Window
12535정성태2/9/20219369개발 환경 구성: 541. Wireshark로 확인하는 LSO(Large Send Offload), RSC(Receive Segment Coalescing) 옵션
12534정성태2/8/20219877개발 환경 구성: 540. Wireshark + C/C++로 확인하는 TCP 연결에서의 closesocket 동작 [1]파일 다운로드1
12533정성태2/8/20219590개발 환경 구성: 539. Wireshark + C/C++로 확인하는 TCP 연결에서의 shutdown 동작파일 다운로드1
12532정성태2/6/202110089개발 환경 구성: 538. Wireshark + C#으로 확인하는 ReceiveBufferSize(SO_RCVBUF), SendBufferSize(SO_SNDBUF) [3]
12531정성태2/5/20219068개발 환경 구성: 537. Wireshark + C#으로 확인하는 PSH flag와 Nagle 알고리듬파일 다운로드1
12530정성태2/4/202113291개발 환경 구성: 536. Wireshark + C#으로 확인하는 TCP 통신의 Receive Window
12529정성태2/4/202110304개발 환경 구성: 535. Wireshark + C#으로 확인하는 TCP 통신의 MIN RTO [1]
12528정성태2/1/20219715개발 환경 구성: 534. Wireshark + C#으로 확인하는 TCP 통신의 MSS(Maximum Segment Size) - 윈도우 환경
12527정성태2/1/20219893개발 환경 구성: 533. Wireshark + C#으로 확인하는 TCP 통신의 MSS(Maximum Segment Size) - 리눅스 환경파일 다운로드1
12526정성태2/1/20217724개발 환경 구성: 532. Azure Devops의 파이프라인 빌드 시 snk 파일 다루는 방법 - Secure file
12525정성태2/1/20217432개발 환경 구성: 531. Azure Devops - 파이프라인 실행 시 빌드 이벤트를 생략하는 방법
12524정성태1/31/20218573개발 환경 구성: 530. 기존 github 프로젝트를 Azure Devops의 빌드 Pipeline에 연결하는 방법 [1]
12523정성태1/31/20218633개발 환경 구성: 529. 기존 github 프로젝트를 Azure Devops의 Board에 연결하는 방법
12522정성태1/31/202110153개발 환경 구성: 528. 오라클 클라우드의 리눅스 VM - 9000 MTU Jumbo Frame 테스트
12521정성태1/31/202110097개발 환경 구성: 527. 이더넷(Ethernet) 환경의 TCP 통신에서 MSS(Maximum Segment Size) 확인 [1]
12520정성태1/30/20218640개발 환경 구성: 526. 오라클 클라우드의 VM에 ping ICMP 여는 방법
12519정성태1/30/20217677개발 환경 구성: 525. 오라클 클라우드의 VM을 외부에서 접근하기 위해 포트 여는 방법
... 31  32  33  34  35  36  37  38  39  40  41  42  43  [44]  45  ...