[ JS ] addEventListener 작동오류 (addeventlistener is not a function)

오류 이유

script가 head 안에 있기 때문이다

해결 방법 1.

script를 body 아래 둬서 body안에 있는 요소들이 모두 로드 된후 script가 작동 되게 하는것이다.

해결 방법 2.

window.onload = function(){
	// 이안에 적어주기
}

widow.onload를 사용해 widow가 load된후 실행 되게 하는 방법이 있다

해결 방법 3.

<script defer src="./js/main.js" ></script>

defer(지연 스크립트)

defer 스크립트를 백그라운드에서 다운로드된다. 따라서 스크립트에 defer 속성을 넣어주게 되면 스크립트를 다운로드하는 와중에도 HTML 파싱을 멈추지 않는다. 그리고 defer 스크립트 실행은 페이지 구성이 끝날 때까지 지연 된다.

선택한 방식 과 이유

 <script defer src="./js/main.js" ></script>

코드에도 큰 영향을 주지 않고 가장 빠르게 외부 js를 사용할수 있는 방법이라 선택하게 되었습니다.