자바 스크립트 ㅣ 브라우저가 가진 기본 값의 발생을 막는 preventDefault

const loginForm = document.querySelector("#login-form");
const loginInput = document.querySelector("#login-form input");

const link = document.querySelector("a");
function onLoginSubmit(event){
event.preventDefault();
console.log(loginInput.value);
}

function handleLinkClick(event){
event.preventDefault();
console.dir(event);
}

loginForm.addEventListener("submit",onLoginSubmit);
link.addEventListener("click",handleLinkClick);

--

addEventListener 안에 있는 함수는 직접 실행시키는게 아닌
브라우저가 실행시켜주고, 브라우저에서 해당 이벤트에 대한 정보(object)를 가지게 된다.
따라서, 이 정보(object)에 대한 자리만 할당해주면 해당 이벤트가 발생시킨
정보들에 대한 object들을 볼 수 있다. -->(event)

이때 해당 이벤트가 가진 기본 값 (예를 들어, link의 경우에는 링크 클릭시
해당 링크의 주소가 바로 실행되듯이 이벤트가 가지고 있는 특정 기본 값)을 발생시키지 않기 위해서는
event.preventDefault 입력.
//prevent:막다,예방하다//