new Date()

현재 시간을 불러온다

setInterval vs setTimeout

둘 다 비슷한 함수이나, setInterval은 지속적으로 반복, setTimeout은 한 번만 실행된다.

setInterval(실행할 함수, 주기)

function sayHello(){
	console.log("sayHello!!!!!!!")
}

setInterval(sayHello, 5000); //5초마다 계속.
setTimeout(sayHello, 5000); //5초 뒤에 한 번.

padStart vs padEnd

둘이 쓰는 법은 똑같으나, 앞에 붙느냐 뒤에 붙느냐 차이다.
앞에 String type을 받는다.
string.padStart(앞에 string의 길이를 늘리고 싶은 개수, 그 개수만큼 string의 길이가 안 된다면 나머지에 들어갈 것)

const date = new Date();
    const hours = String(date.getHours()).padStart(10, "0");
    
console.log(hours) // '0000000023'

padEnd -> '2300000000'

document.createElement

js에서 HTML Element 만들기

HTML 문서에서, Document.createElement() 메서드는 지정한 tagName의 HTML 요소를 만들어 반환합니다.
tagName을 인식할 수 없으면 HTMLUnknownElement (en-US)를 대신 반환합니다.

append, prepend

append는 가장 뒤에, prepend는 가장 앞에 붙는다.

const bgImage = document.createElement("img") //html Element 만들기
bgImage.src = `img/${chosenImage}`

document.body.append(bgImage)
// 지금 상황에서는 appendchild로도 같은 위치에 생성
// document.body.prepend(bgImage)

만약에 append와 prepend를 같이 넣으면, prepend가 우선인 것 같다.
body 밑에 가장 위에 img tag가 생기는데, 밑에는 같이 생기지 않고 없음.

profile
코딩 일기장

0개의 댓글