이벤트 핸들러 등록 방법

1. 돔 로드 이벤트 핸들러 등록

document.addEventListener('DOMContentLoaded', 함수명);

document.addEventListener('DOMContentLoaded', () => {
  console.log('DOM이 완전히 로드되었습니다!');
  // 여기에 초기화 코드 작성
});

1. 버튼 이벤트 핸들러 등록

appButtonElement.addEventListener('click', event => handleClickAppButton(event, 함수명));

1. 탭 전환 이벤트 핸들러 등록

document.addEventListener('visibilitychange', 함수명);

즉시 실행 함수 표현 (IIFE)

• 정의와 동시에 실행됨
• 전역 변수 오염 방지 (스코프 캡슐화)
• 모듈 초기화 용도로 자주 사용됨