[React] JSX

 

✔️ JSX  

JS와 XML을 합쳤다. 자바스크립트 코드에서 태그 기반 구문을 써 리액트 엘리먼트를 정의할 수 있게 해준다.

속성이 붙은 복잡한 DOM트리를 작성할 수 있는 간편한 문법 제공한다.

 

✔️ 컴포넌트

리액트에서 앱을 이루는 가장 작은 조각 (블록)이다. 컴포넌트는 새로운 컴포넌트를 생성하거나 MVC 뷰를 독립적으로 구성하여 재사용할 수 있다. 

함수 컴포넌트와 클래스 컴포넌트로 나뉜다.

◻️ property(props) : 부모컴포넌트에서 자식 컴포넌트로 전달되는 데이터로 프로퍼티 값을 자식 컴포넌트에서 수정할 수 없다.

◻️ state : 컴포넌트 상태 저장, 수정 가능한 데이터이다.

◻️ context: 부모 컴포넌트에서 생성해 모든 자식 컴포넌트에 전달 한다.