clock , random, create, preventDefault

 

new Date()

new Date(); 코드를 실행한 시점을 가져올 수 있음.

.getDate()
.getHours()
.getMinutes()
등 으로 필요한 정보만 가져올 수도 있음.

 

 

setInterval()

setInterval(a, b); a를 b/1000 초 마다 실행

setTimeout() 하면, 매초마다 실행이 아니라, b/1000초 후 1번만 호출.

 

 

padStart()

"n".padStart(a, "b"); n의 길이가 a(maxLength)보다 적은 경우, 부족한 만큼 앞 자리에 "b"를 채워줌.

padEnd() 하면, 부족한 만큼 뒷 자리에 "b"를 채워줌.

 

Math.random()

Math. 를 이용하여 다양한 것들을 할 수 있다.
그중 .random()을 하면 0~1 사이의 랜덤한 숫자를 얻을 수 있다.

 

 

Math.floor()
Math.round()
Math.ceil()

위의 Math.random() 과 함께 사용하면 이런식으로 소수점 없이, 1~10 사이의 랜덤한 숫자를 뽑아낼 수 있다. 
floor = 내림, round = 반올림, ceil = 올림

*array에서 랜덤하게 가져오고 싶은경우, array.length 를 곱해주면 된다. 
ex) Math.floor(Math.random() * array.length 

 

createElement()

document.createElement() 를 통해 괄호() 안의 요소를 창조할 수 있다. 
() 안에는 HTML tag 들이 가능하다.
*이전에는 HTML에 생성된 어떤 요소에 JS로 변화를 주는 것이었다면, createElement() 는 JS에서 HTML요소를 새로 창조해버리는 것.

 

appendChild()

document.A.appendChild() 를 통해 괄호()안의 요소를 A의 뒤에 첨부할 수 있다.
HTML의 body에 A를 첨부한다면 위 그림과 같은 방법으로, document.body.appendChild(A)

prependChild() 하면 앞에 첨부할 수 있다.

 

preventDefault()

form 과 같은 경우처럼 자동으로 새로고침을 해버리거나, 자동으로 어떤 행동을 하는 경우.
그 행위를 미리 중지 시켜버리고 싶다면 .preventDefault() 를 사용. 
그러면 해당 요소에서 자동으로 진행되는 행위를 미리 이행하지 않는다.

 

 

.value = ""

form과 같은 경우에서 해당 form에 input이 입력 되면, 바로 빈칸으로 만들고 싶다면  .value = 에서 값을 "" 으로 줘서 빈칸으로 만들 수 있다.