DOMContentLoaded 이벤트
웹 브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*
*/
// DOMContentLoaded 이벤트를 연결. DOMContentLoaded 상태가 되었을때 콜백 함수를 호출
document.addEventListener('DOMContentLoaded', () => {
const h1 = (text) => `<h1>${text}</h1>`;
document.body.innerHTML += h1('DOMContentLoaded 이벤트 발생');
});
</script>
</head>
<body>
</body>
</html>
