태그 속성
작은 예제에는 쉽지만 구조가 섞임
HTML과 동작 코드가 붙어 커질수록 관리가 어렵다.
onclick
script 태그
문서 내부에서 실행 순서 확인
DOM보다 먼저 실행되면 요소를 찾지 못할 수 있다.
placement
외부 파일
재사용과 캐시에 유리
여러 HTML에서 같은 JS를 공유하고 수정 범위를 줄인다.
src
로드 이벤트
DOM 준비 후 실행 보장
요소 선택과 이벤트 등록은 문서가 준비된 뒤 수행해야
안전하다.
DOMContentLoaded