꼭 이해하고 넘어가야 한다!

리액트는 Component-Based!
- 레고 블럭 조합하듯 Component 조합하기
- 자연스레 코드양 줄이기, 개발 및 유지보수에 용이하다

리액트는 개념적으로 자바스크립트의 함수와 비슷
- 입력 -> JavaScript function -> 출력
- 입력 -> React component -> 출력

리액트의 입출력을 자세히 설명하면
- Props -> React component -> React element
// 속성을 입력받아 그에 맞는 리액트 엘리먼트 반환
// 리액트 엘리먼트 : 리액트를 구성하는 가장 작은 블록들

#즉, 원하는 반죽(Props)을 붕어빵 틀(React component)에 넣어 붕어빵(React element)을 만든다.

Props

Property(속성)
- React component의 속성
- 컴포넌트의 눈에 보이는 글자나 색상의 속성을 바꾸고 싶을 때 사용

한 컴포넌트로 여러개의 엘리먼트를 만든다.