자바스크립트를 하다보면 자주 볼 수 있는 오류입니다.
| 위 에러는 흔히 나타나는 에러로 주로 HTML에서 DOM이 형성되지 않았으나 JS를 이용해 이벤트를 줄경우 또는 크롬에서 정의되지 않은 객체의 property를 읽어내거나 method를 호출했을 때 발생합니다. |
위 사진을 보면 어느부분에서 잘못되었을까요?
const todoListUl = document.querySelector("todolist-ul");에서
querySelector로 불러올때는 id일때 "#(샵)" class일때 ".(마침표)" 를 붙여줘야 되는데
그부분을 빠뜨려서 생긴 오류였습니다.
const todoListUl = document.querySelector(".todolist-ul");으로 고쳐주면 간단하게 해결 완료!
Uncaught TypeError가 발생하면 변수 정의부분부터 확인하기!