본문 바로가기

React

쌩초보 React 시작 - jsx

728x90

가상 DOM(Document Object Model) 방식이므로 빠르다.

= 실제 소스코드가 웹 페이지에서 보여지지 않는다.

 

js -> html안에 넣어서 동작시킨다 -> 자바스크립트 + html = jsx (유일한 react 개념)

컴포넌트는 HTML을 반환하는 함수

App.js(컴포넌트)는 <App />와 같이 표기 

 

1. React application은 한 번에 하나의 컴포넌트만 렌더링가능

단, 컴포넌트 안에 다른 컴포넌트를 import 해서 사용가능

 

2. 컴포넌트에 많은 속성(property)을 인자로 보낼 수 있다.

즉, 반복하지 않고 컴포넌트를 재사용 가능하다

html의 속성과 매우 비슷해보임

 

 

 

 

'React' 카테고리의 다른 글

router  (0) 2020.08.14
상태  (0) 2020.08.13
PropTypes / state  (0) 2020.08.13