[JavaScript] clock

⚡️<index.html>

⚡️<clock.js>

String(date.getHours()).padStart(2,"0")

1. padStart(2, "0")에서 2는 두글자가 되지 않으면 앞에 0을 추가한다는 의미
2. padEnd(2, "0")에서 2는 두글자가 되지 않으면 뒤에 0을 추가한다는 의미
3. padStart가 string에만 적용되는 속성

clock.innerText = `${hours}:${minutes}:${seconds}`

1. innerText : element 내부에 있는 Text 값을 가져올 때 사용
   ex) text 값을 변경 할때  >> 변수명.innerText = "바꿀 내용"
2. innerHTML : element 내부에 있는 HTML 값을 가져올 때 주로 쓴다(HTML 구조까지 모두 가져온다)

getClock()
setInterval(getClock, 1000)

1. getClock()은 리셋할 경우 바로 시작
2. setInterval(getClock, 1000)는 매초, 매분마다 반복되는 일을 해야 할 때 실행하는 함수.
   - 첫 번째 인수 : 함수 이름
   - 두 번째 인수 : 시간 (1초 = 1000(1ms)
3. setTimeout을 이용해 일정 시간이 지난 후에 함수를 실행하는 방법
4. setInterval을 이용해 일정 시간 간격을 두고 함수를 실행하는 방법