[Err Handling] addEventListener 에러
React에서 사진 정보들을 터치해서 슬라이드 할 때 넘어가는 효과를 주고 싶어서
addEventListener를 사용하려고 했는데
TypeError: Cannot read properties of null (reading 'addEventListener')
위와 같은 에러가 떴다.
원인으로는,
→ HTML이 로드되기 전에 JS에서 HTML을 참조했기 때문이다.
애초에 HTML이 로드되지 않았는데 JS에서 HTMl을 참조하려고 했기 때문에 null이 뜬것이다
해결방법
<script>영역을 <body> 태그의 아래에 위치시킨다. HTML 로드가 모두 끝난 뒤 script를 불러오는것.window.onload함수 내부에 넣는다. 해당 함수는 모든 구성요소가 로드된 후에 브라우저에 의해 호출되는 함수이고, 이 함수 안에 넣으면 HTML이 로드된 뒤 호출한다.