React의 컴포넌트와 props

컴포넌트

리액트 앱을 이루는 최소 단위로 MVC의 뷰를 독립적으로 구성하여 재사용을 할 수 있게 도와준다. 

컴포넌트는 데이터(porps)를 입력 받아 작동되며 컴포넌트 이름은 대문자로 시작해야 한다.

 

Props

porperties의 줄임말로 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다.

 

 

Component 파일로 나누기

아래와 같이 컴포넌트를 파일로 나누고 'export' 구문까지 써준뒤 App.js에 import 해준다.