개발/React(8)
-
[React] - 엘리먼트 렌더링
아래 내용은 React Document 를 바탕으로 만들어졌다. 엘리먼트 렌더링 엘리먼트는 React 앱의 가장 작은 단위 이다. 엘리먼트는 컴포넌트의 구성 요소 이다. 엘리먼트는 화면에 표시할 내용을 기술한다. const element = Hello, world;브라우저 DOM 엘리먼트와 달리 React 엘리먼트는 일반 객체이며(plain object) 쉽게 생성할 수 있다. *React DOM은 React 엘리먼트와 일치하도록 DOM을 업데이트 한다. * 추가 예정 DOM에 엘리먼트 렌더링 하기 root 안에 들어가는 모든 엘리먼트를 React DOM 에서 관리한다. 이걸 루트(root) DOM 노드 라고 부른다. React로 구현된 애플리케이션은 일반적으로 하나의 루트 DOM 노드가 있다. Reac..
2020.08.17 -
[React] - JSX
아래 내용은 React Document 를 바탕으로 만들어졌다. JSX const element = Hello, world! JavaScript 를 확장한 문법. JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 더 도움이 된다. const name = "ddingg" const element = hello {name} ReactDOM.render( element, document.getElementById('root') ); JSX의 중괄호 안에는 모든 JavaScript문법을 넣을 수 있다 자동 세미콜론 삽입을 방지하기 위해 괄호 안에서 작업하는걸 추천한다. return TEST // ... Transform to return; ; TEST; ; // 따라서 괄호 안에..
2020.08.17