해당 포스트는 제로베이스 오프라인스쿨 진행 과정 중 JS PairProgramming과제를 진행하며 회고를 정리하는 글이다.
Analog Clock
시계 시, 분, 초 각도 계산
[hour]
시계는 원 모양이므로 360도 이다. 따라서 360도를 12등분(360 / 12)하면 30도 이므로 시간 당 30도를 움직인다.
추가적으로 시침의 각도를 계산하는 경우, minute과 second가 증가함에 따라 시침도 점점 증가시킨다. 이를 표현하기 위해 시침의 각도를 계산할 때 minute과 second도 고려했다.
정각과 다음 정각과의 거리가 1시간(30도)이어서 1시간이 다 채워지지 않는 경우 minute과 second를 각각 60, 3600로 나눈 값을 반영했다. (정확히 정각이 되면 minute과 second는 0이 되기 때문에 각도에 영향을 주지 않는다.)
(hour + minute / 60 + second / 3600) * 30
[minute]
360도를 60등분(360 / 60)하면 6도 이므로 분 당 6도를 움직인다.
추가적으로 second가 증가함에 따라 분침도 점점 증가시킨다. 이를 표현하기 위해 분침의 각도를 계산할 때 second도 고려했다.
(minute + second / 60) * 6)
[second]
360도를 60등분(360 / 60)하면 6도 이므로 초 당 6도를 움직인다.
second * 6
'JavaScript > PairProgramming2 회고' 카테고리의 다른 글
Star Rating (0) | 2023.05.10 |
---|---|
Tree View (0) | 2023.05.10 |
Drag & Drop (0) | 2023.05.09 |
Accordion Menu (0) | 2023.05.09 |
Tic Tac Toe (0) | 2023.05.09 |