[React] 엘리먼트 렌더링

1. 엘리먼트에 대해 알아보기 1) 엘리먼트의 정의 어떤 물체를 구성하는 성분을 영어로 Element 라고 합니다. 마찬가지로 리액트의 엘리먼트는 리액트 앱을 구성하는 요소를 의미합니다. 리액트 공식 홈페이지에서는 엘리먼트를 "Elements are the smallest building blocks of React apps." 라고 정의합니다. 즉, 엘리먼트는 리액트 앱을 구성하는 가장 작은 블록들입니다. 엘리먼트는 원래 웹 사이트에 대한 모든 정보를 담고 있는 객체은 DOM 에서 사용하는 용어입니다. 그래서 기존에는 엘리먼트라고 하면 DOM 엘리먼트(HTML 요소)를 의미했습니다. 그렇다면 리액트 엘리먼트와 DOM 엘리먼트의 차이는 무엇일까요? 아래 그림은 리액트 엘리먼트와 DOM 엘리먼트를 나타낸 것입니다. 출처 : https://velog.io/@acwell94/4.-Elements 실제 브라우저의 DOM 에 존재하는 엘리먼트는 DOM 엘리먼트가 되는 것이고, 리액트의 Vir...

원문링크 : [React] 엘리먼트 렌더링