[JavaScript] 자바스크립트로 아날로그 시간(시계) 표시하기
087_자바스크립트로 아날로그 시간(시계) 표시하기 [적용] 아날로그 형식의 시계를 표시하고 싶을 때 [내용] 아날로그 시계를 구현하여 Date 객체를 좀 더 자세히 알아보자. div 요소를 사용해 시계바늘의 컨테이너를 만든다. 원의 중심을 기준으로 각도를 계산하기 때문에 컨테이너를 사용하면 처리가 더욱 간단하다. 기본적인 상태는 바늘이 모두 12시를 가리키고 있다. HTML index.html CSS style.css body {background-color: #000000;} .clock { border-radius: 50%; border: 3px solid white; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.1); positi..
2022.06.13