바닐라 Js하면서 배운것들

Toggle
토큰이 존재한다면 토큰을 제거하고 존재하지않는다면 토큰을 추가한다

setItem 로컬스토리지에 저장가능
getItem 저장된 로컬슽리지에서 사용가능

classList
Toggle
setItem 로컬스토리지 저장할때
getItem 로컬스토리지에서 가져올때
preventDefault()

setInterval(sayHello, 5000)

첫번째 인자는 실행시킬 함수를 넣고

두번째 인자는 (argument) 몇초에 한번씩 실행시킬지

setTimeout(sayHello, 5000)

const date = new Date

“1”.padStart(2, “0”)

Srting 길이를 두자리로 만들어준다
한자리 일때 앞에 0으로 채워준다
padEnd 뒤에 0으로 채워준다

단 / 문자열로 만들어 줘야함 String()

setInterval(sayHello, 1000)
이게 있어야 시간이 흐른다 초당 함수를 실행시킴
없으면 단 한번만 실행시킨다

floor 1.2313
결과 1

소수점 나머지를 다 없애준다

Appendchild 추가기능
Innertext 텍스트 추가기능

JSON.stringify()
자바스크립트 오브젝트나 어래이 또는 자바스크립트코드들을 문자
string으로 바꿔준다

실시간 구현하기

const clock = document.querySelector("h2#clock");

function getClock() {
const date = new Date();
const hours = String(date.getHours()).padStart(2, "0");
const minutes = String(date.getMinutes()).padStart(2, "0");
const seconds = String(date.getSeconds()).padStart(2, "0");
clock.innerText = ${hours}:${minutes}:${seconds};
}

setInterval(getClock, 1000);

date 변수를 만들어 new Date를 준다
padStart(2, "0") 를 이용하여 두자리로 만들어 주어서 01 02 03 이런식으로 만들어준다