ECMA6를 활용한 시계입니다. 먼저 HTML구조를 살펴보면 div.clock 컨테이너안에 동그란 시계배경인 div.clock-face를 만듭니다.
그 안에 시침, 분침, 초침을 설정합니다. 레이아웃 및 디자인을 완성하기 위해 css를 지정합니다. html { background:#018ded; text-align:center; font-size:10px; } body { margin:0; font-size:2rem; // 2 * 10 = 20px } .clock { width:30rem; // 3 * 10 = 30px height:30rem; border:1em solid #fff; bord...
#
date객체
#
ecma6
#
html
#
javascript
#
시계코딩하기
원문 링크 : ECMA6 - 시계만들기
