React

App.js 코드 분석 JSX의 장점 보기 쉽고 익숙하다 더욱 높은 활용도 => 한 파일에서 생성된 컴포넌트를 다른 파일에서 import하여 HTML 태그 쓰듯이 작성할 수 있다 JSX 문법 1. 감싸인 요소 컴포넌트에 여러 요소가 있다면 반드시 부모 요소 하나

MyComponent.js 다른 파일(App.js)에서 이 파일(MyComponent.js)를 import할 때, 위에서 선언한 MyComponent 컴포넌트를 불러오도록 설정한다App.js import 구문을 사용하여 MyComponent 컴포넌트를 불러온다.

 리액트는 Component 기반의 구조이다. 모든 페이지가 Component로 구성되어 있고 하나의 Component는 또 다른 여러 개의 Component의 조합으로 구성될 수 있다. 컴포넌트 컴포넌트란? > 사용자 인터페이스 일부를 표시하는 재사용 가

props > properties. 컴포넌트의 속성을 설정할 때 사용하는 요소 props 렌더링     MyComponent.js  MyComponent 컴포넌트에서 name이라는 props를 렌더링하도록 설정했다.