React 노드란 무엇인가요?

React를 사용하다보면 React 노드라는 타입 또는 값을 자주 만들게 됩니다. React 노드는 다음과 같이 정의될 수 있습니다:

가벼움, state가 없음, 변하지 않음, DOM 노드의 가상의 표현

React 노드는 실제로 DOM 노드(예: 텍스트 또는 요소 노드)는 아닙니다. 하지만 잠재적인 DOM 노드를 나타낸 것입니다. 나타내고 있는 대상은 가상 DOM으로 생각할 수 있습니다. 분명하게는, React는 React 노드를 이용해 가상 DOM을 정의하기 위해 사용되는데, 이 React 노드는 React 컴포넌트로 이어지고, 결국에는 실제 구조화된 DOM이나 다른 구조(예: React Native)를 만들기 위해 사용됩니다.

React 노드는 JSX를 사용하거나 JavaScript로 생성될 수 있습니다. 이번 챕터에서는 JavaScript를 사용하여 React 노드 만드는 것에 대해서만 볼 예정입니다. JSX를 제대로 이해하기 위해서는 JSX가 숨기고 있는 것이 무엇인지 먼저 배워야 한다고 생각하기 때문에, JSX는 아직 살펴보지 않을 것입니다.

이미 나중에 JSX를 사용할 거라는 걸 알고 있기 때문에, 이번 챕터를 뛰어넘고 싶어할 수도 있겠네요. 하지만 이 챕터를 읽어서 JSX가 여러분을 위해 무엇을 하는지 제대로 알고 있는 것을 추천드립니다. 아마 이 책을 제대로 이해하고 동화되기 위해서는 이 챕터가 가장 중요한 챕터가 아닐까 생각됩니다.