// DOM 트리 구성 완료 시 (이미지/스타일시트 로딩 전)
document.addEventListener('DOMContentLoaded', () => {
  console.log('DOM 준비 완료!');
  // DOM 조작 가능
  document.querySelector('#app').textContent = 'Hello';
});

// 모든 리소스(이미지, 스타일시트 등) 로딩 완료 시
window.addEventListener('load', () => {
  console.log('모든 리소스 로딩 완료!');
  // 이미지 크기 등 접근 가능
  const img = document.querySelector('img');
  console.log(img.naturalWidth);
});