2021.11 노마드코더 / 바닐라 JS로 크롬 앱 만들기 ③ 1. Clock setInterval함수를 활용해 1초마다 시간을 가져올 수 있다. 2. zoro fill 우리가 자주 마주하는 문제점이 있다면, 그 해결을 위한 함수가 만들어져 있을 확률이 높다. 우리는 시간을 가져오지만 숫자가 한 자리일 때, 1, 2, 3, 이렇게 표기된다. 우리는 시계이기 때문에 01, 02, 03으로 표기하길 원한다. 그를 위한 함수이다. date.getHours에는... 2021.112021.11 노마드코더 / 바닐라 JS로 크롬 앱 만들기 ② 1. CSS js로 스타일을 직접 바꾸는 것은 별로 좋지 않다. html은 화면 틀을, css는 시각적인 것을, js는 애니매이션적인 것을 담당한다. 그런데 className을 변경하면 기존에 있던 className을 잃어버린다. 2. classList classList를 활용하면 기존 className인 sexy-font가 사라지지 않고 clicked 가 추가되어 css가 적용되는 것을 확... 2021.112021.11
노마드코더 / 바닐라 JS로 크롬 앱 만들기 ③ 1. Clock setInterval함수를 활용해 1초마다 시간을 가져올 수 있다. 2. zoro fill 우리가 자주 마주하는 문제점이 있다면, 그 해결을 위한 함수가 만들어져 있을 확률이 높다. 우리는 시간을 가져오지만 숫자가 한 자리일 때, 1, 2, 3, 이렇게 표기된다. 우리는 시계이기 때문에 01, 02, 03으로 표기하길 원한다. 그를 위한 함수이다. date.getHours에는... 2021.112021.11 노마드코더 / 바닐라 JS로 크롬 앱 만들기 ② 1. CSS js로 스타일을 직접 바꾸는 것은 별로 좋지 않다. html은 화면 틀을, css는 시각적인 것을, js는 애니매이션적인 것을 담당한다. 그런데 className을 변경하면 기존에 있던 className을 잃어버린다. 2. classList classList를 활용하면 기존 className인 sexy-font가 사라지지 않고 clicked 가 추가되어 css가 적용되는 것을 확... 2021.112021.11