[Javascript 기초] 바닐라(vanilla-js) JS를 공부해봅시다 - 3

1. 이벤트를 중간에 가로 챌수 있어야한다. ( 마음대로 조작 )

ex) function handleResize(){

console.log("haha");

}

window.addEventListener("resize", handleResize);

여기서 포인트!!!

window.addEventListener 안에서 함수를 호출할 때, handleResize()와 handleResize로 사용하는 것은 엄연히 다르다.

handleResize로 사용할 경우, resize 이벤트가 실행이 될 때, 실행하는 것

handleResize()로 사용할 경우, 즉시 함수실행.

2. prompt는 더이상 쓰지않는다 ( 옛날 방식 )

-> alert 같은 거

3. localStorage - 사용자 컴퓨터에 저장하는 방법 ( 정보를 변경할 수 있다. )

F12 - Application - 좌측 Storage    ==> 요놈들을 우리는 작은 자바스크립트 정보들이라고 한다.

4. event의 preventDefault를 알아야 한다.

보통 이벤트가 발생하면 root에서 일어나고 form에서 일어난다.

즉, 우리가 input 박스를 만들고 그안에 텍스트 작성후 엔터를 치면 새로고침이 되는 것도 이벤트의 일종

- 내가 작성한 텍스트가 그대로 있게 하려면 새로고침 되는 이벤트를 막아야함

그럴때 쓰는 게 preventDefault