🧐 개요

웹 작업을 할 때 종종 발생하는 에러입니다.

오늘도 착각해서 이 에러를 만났는데..

다시 실수하지 않도록 포스트로 정리합니다.

❓ What is this?

공부를 하면 할 수록 영어의 중요성을 깨닫게 됩니다.

직역하면 대상 컨테이너가 DOM이 아니라는 뜻으로,

ReactDOM.render(func(),document.getElementById('Container'))

예를 들어 위와 같이 ReactDOM.render를 이용할 때 순서의 문제로 인해

1. DOM이 그려지기 전에 DOM element를 참조할 때

2. 인자로 넘어가는 DOM element가 아예 정의되어 있지 않을 때

보통 위의 2가지 이유로 발생합니다.

🎯 Solution?

1. 분기, 콜백, async/await 등의 문법으로 DOM이 렌더링된 이후 호출되도록 순서를 지정합니다.

2. 사용하고자 하는 DOM element의 id 등의 속성을 살펴봅니다.