Cannot read property가 발생하는 이유?
HTML을 로딩하기 전에, js가 실행되었기 때문입니다.
HTML가 아직 로딩되지 않아서, id나 name이나 이런 요소들이 없는 상태인데
js는 그 요소들을 찾으려고 해서 발생하는 오류입니다.
따라서, 웹페이지의 로딩이 끝나는 시점에 실행되는 함수인
onload를 사용해서 문제를 해결해봅시다.
window.onload = function () {
alert("로딩 완료");
}
reference : http://jinolog.com/programming/javascript/2011/03/21/jquery-ready-function.html
reference : https://okky.kr/article/288222