Rendering Element

Element를 생성해주는 함수

Element의 개념,렌더링 및 역할

Element는 어떤 물체를 구성하는 성분을 의미하며 리액트를 구성하는 요소를

의미한다.

리액트에서는

Untitled

이렇게 정의하고 있다.

리액트 앱을 구성하는 가장 작은 블록들

DOM Element를 누르면

Untitled

여기의 div나 <>안에 있는 태그들을 Dom Element라고 하며

이러한 것은 화면에 나타나는 내용을 기술하는 자바스크립트 객체에 대한 용어가 필요>Descriptor라는 이름에서 >Element라는 의미가 된다.

Untitled

위처럼 리액트 엘리먼트는 돔 엘리먼트의 가상표현으로 돔 엘리먼트는 리액트 엘리먼트에 비해서 정보를 많이 담고 있기 때문에 상대적으로 크고 무겁다.

이 강의에서는 리액트 엘리먼트를 엘리먼트라 부른다.

결국 Elements는 화면에서 보이는 것들을 기술한다.

Untitled

이코드는 jsx에 대한 코드로 대입연산자의 오른쪽 부분은 createElement함수를 이용하여 리액트에서 Element를 생성하게 되며 이렇게 생성된 리액트 Element가 element에 대입된다.

Elements는 화면에 보이는 것을 기술하는데 이 Element는 자바스크립트 객체 형태로 존재