728x90
엘리먼트
-
리액트 주요개념 - 엘리먼트 렌더링IT/리액트 2022. 1. 15. 00:05
엘리먼트(Element)란? React 앱의 가장 작은 단위로 화면에 표시할 내용을 기술합니다. 브라우저 DOM 엘리먼트와 달리 React 엘리먼트는 일반 객체이며 쉽게 생성할 수 있습니다. 이때, 객체는 type(문자열 혹은 컴포넌트 함수, 클래스) 필드와 props(객체) 필드를 가집니다. 일반적으로 JavaScript의 React.createElement() 함수 또는 JSX의 태그 문법으로 작성합니다. 돔 엘리먼트: 엘리먼트의 type이 태그 이름에 해당하는 문자열인 경우 해당 태그를 가진 DOM 노드를 표현하며, props 정보를 통해 해당 노드의 속성들을 표현 예) DOM에 엘리먼트 렌더링하기 vscode에서 리액트를 생성하면 html 파일에 다음과 같은 코드가 생성됩니다. 이 안에 들어가는 ..