JSFiddle - React, Tailwind, and code Playground

HTML

<!-- date -->
<span id="year">
  <span class="value"></span>년
</span>
/
<span id="month">
  <span class="value"></span>월
</span>
/
<span id="date">
  <span class="value"></span>일
</span>
/
<span id="day">
  <span class="value"></span>요일
</span>



<br>

<!-- time -->
<span id="hour">
  <span class="value"></span>시
</span>
/
<span id="min">
  <span class="value"></span>분
</span>
/
<span id="sec">
  <span class="value"></span>초
</span>
/
<span id="mSec">
  <span class="value"></span>초 (1/1000)
</span>

JavaScript

// date 객체(클래스) 생성
var date = new Date();


// 년(year, 4자리 정수)
$('#year .value').text(date.getFullYear());
// 달(month, 1 ~ 12)
$('#month .value').text(date.getMonth());
// 일(date, 1 ~ 31)
$('#date .value').text(date.getDate());
// 요일(day, 0 ~ 6)
$('#day .value').text(date.getDay());


// 시간
$('#hour .value').text(date.getHours());
// 분
$('#min .value').text(date.getMinutes());
// 초
$('#sec .value').text(date.getSeconds());
// 1/1000초
$('#mSec .value').text(date.getMilliseconds());