01.addEventListener("click")
addEventListener는 JavaScript에서 이벤트를 처리하기 위해 사용되는 메서드입니다. 이 메서드는 대상을 클릭할 시 이벤트가 발생합니다.
{
// 클릭 이벤트를 처리하는 예제
const button = document.getElementById("myButton");
button.addEventListener("click", function() {
alert("버튼이 클릭되었습니다!");
});
}
05.addEventListener("DOMContentLoaded")
DOMContentLoaded 이벤트는 웹 페이지의 HTML 문서가 완전히 로드되고 파싱된 후 실행되는 이벤트입니다. 이 이벤트는 웹 페이지의 모든 리소스(이미지, 스타일시트, 스크립트 등)가 로드되기를 기다리지 않고 실행되므로, 페이지가 빠르게 렌더링되고 사용자 상호작용이 가능해질 때 유용하게 사용됩니다.
{
document.addEventListener("DOMContentLoaded", function() {
console.log("문서가 완전히 로드되었습니다.");
});
}