Uncaught TypeError: Cannot read properties of null (reading 'style') naver map

 네이버지도 API를 사용하던중 발생한 에러
결론부터하자면 DOM이 모두 로드되기전에 style 속성을 변경하려해서 그렇다

해당하는 이름의 HTML 요소가있다하더라도 만들어지기전에 찾으려해서 null 이 뜨는것

 

 

그럼 문서가 모두 로드되고 스크립트를 불러오도록하면되겠다
라고 생각하여 쓰면, 알맞게감싸줬는데도 불구하고 저런식으로 지적한다

찾아보니 HTML 파서는 문자열에 나타나는 것과 실제로 스크립트를 종료 하려는 것을 구별할수 없기때문이라한다.

 

 

그래서 < 문자를 \x3C 로 대신하여 처리

 

 

style 속성에 정상적으로 접근하여 지도가 구성되는것을 볼수있다

참고 - 

https://stackoverflow.com/questions/8231048/why-use-x3c-instead-of-when-generating-html-from-javascript