error:: Cannot read property () of null 넌.. 누구니...?!

 

 

 

 

내가 이 에러친구 때문에 2시간을 헤매었다...

ㅎㅎㅎ

이 에러친구는 처음만났기 때문에 뭐가 문제인지, 어떻게 해결해야하는지 몰랏기 떄문이다.

 

아마 JS 입문자여서 더욱이 문제해결능력이 떨어졌던 것 같다. 

 

무튼 이 친구가 나의 JS 첫 문제상황!!!  (반갑다 친구야🤔)

 

구글링을 해보니 다양한 해결책이 주어져있었다.

그러나 내 상황에 해당되는 것 같지는 않았다.

 

 

그래서 다시 또 구글링!!

 

드디어, 나에게 맞는 해결책을 찾았다!!

 

 

 

annot read property 'val' of null

오류 발생, 개발자들 사이에서도 자바스크립트 내에서도 가장 자주 발생하는 오류라고 한다.

​

해결 방법 :

아마 자바스크립트 구문이 위에 있는 경우에 많이 발생하는듯함.

읽는 위치에 따라 해석이 달라지는데, 따라서 테스트중 본현상이 발생하는 경우가 많다.

자바스크립트의 기본 위치는 js 파일에 따로 넣지않는 이상 무조건 최 하단에 위치하는게 맞다!

아마 최하단에 두고 돌리면 돌아갈것.

 

(출처 : https://blog.naver.com/dyd4740/221660396174)

 

 

그랬다. HTML body태그 안에서 js태그를 맨 아래로 내렸더니 요호! 내가 원하는 대로 출력이 되었다.

 

 

 

다시 요약을 해보자면, 

 

문제상황 : 

 

Cannot read property ' 'of null 에러와 함께 

 

html 출력은 되지만 JS 구동이 되지 않았음. 

 

 

해결방법 :

 

html body 태그 안에서 js태그는 맨 아래로, 최하단에 두고 돌려보아라. 그러면 될 것이다.