개발노트

preventDefault() preventDefault는 이벤트의 기본 동작을 취소하는 메서드입니다. 이벤트가 발생했을 때 기본 동작을 수행하지 않도록 막는 데 사용됩니다. 일반적으로, 웹 페이지에서 발생하는 이벤트(예: 링크 클릭, 폼 제출 등)는 기본 동작이 정의되어 있습니다. preventDefault 메서드는 이벤트 객체의 메서드로 호출됩니다. 일반적으로 이벤트 핸들러 함수 내에서 사용됩니다. 로그인 위의 예시에서 handleSubmit 함수는 submit 이벤트를 처리하는 핸들러입니다. event.preventDefault()를 호출하여 기본 동작인 폼 데이터의 서버 전송과 페이지 새로고침을 중지시킵니다. 그 후, 폼 데이터를 수집하고 처리하는 등의 추가 동작을 수행할 수 있습니다. 이를 위해..

fuction을 호출하기 위해서는 직접 소스에 작성하는 방법도 있지만, Event와 함께 사용하는 것이 일반적일 것입니다. 특정 요소에서 마우스 클릭이나 윈도우창에서 스크롤, 창크기 조정, 복사등 Event가 발생되면 들어주는 Listener가 필요합니다. 이와 같은 Listener를 추가하는 방법으로 addEventListener() 라는 메소드를 사용할 수 있습니다. index.html Click Me! app.js const title = document.querySelector(".main__title h1"); console.dir(title); function handleTitle() { title.style.color = "blue"; title.innerText = "OK"; } funct..