DOMContentLoaded는 HTML 문서의 모든 요소가 로드되고 초기화된 후에 발생하는 이벤트입니다. 이벤트는 document 객체에 연결되어 해당 문서가 완전히 로드되었을 때 발생합니다. 일반적으로 JavaScript 코드를 HTML 문서의 태그에 직접 작성하면 코드가 위에서 아래로 순차적으로 실행됩니다. 그러나 JavaScript 코드가 HTML 문서의 DOM 요소에 접근해야 할 때는 문제가 발생할 수 있습니다. 예를 들어, JavaScript 코드가 실행되는 시점에 HTML 문서의 특정 요소가 아직 로드되지 않았다면 해당 요소에 접근할 수 없는 상태가 됩니다. DOMContentLoaded 이벤트는 이런 문제를 해결하기 위해 사용됩니다. 이벤트는 HTML 문서의 모든 요소가 로드되고 DOM 트..