자바 스크립트 기본 2(Event, CSS)

Event

1. console.log("요소") 한 후 크롬 콘솔에서 사용 가능한 이벤트를 확인할 수 있다.

function func(){}

title.addEventListener("click",fucn);
title.onClick = func; // 동일

title.addEventListener("이벤트",함수이름);
title.on이벤트 = 함수이름;
.removeEventListener(); // 이벤트 삭제 가능

2. addEventListener()로 실행한 이벤트는 브라우저가 실행시켜주는 것이다.

CSS

CSS에서 처리할수 있는 것들은 CSS에서 처리하는 것이 좋다!

1. css에서 class 이름 설정

	.class{
    	color:tomato;
        transition:color 0.5s ease-in-out
    }

2. 자바스크립트에서 해당 class 적용

	const h1 = document.querySelector("div.hello:first-child h1");
	h1.className = "class";

preventDefault()

브라우저의 기본 동작을 막는 함수
ex) button, submit 등등 누르면 창이 새로고침 되며 실행

• preventDefault() 사용 시 새로고침되지 않음
  ex2) 링크를 클릭해도 다른 페이지로 이동하지 않게 함