💗 Components?

✍Javascript의 function (입력을 받아서 출력을 내뱉음)

React Component의 입력 = Props (속성)

React Component의 출력 = React Element (화면 구현)

❣ 어떤 속성값(데이터, props)을 입력으로 받아서 상태(state)에 따라 그에 맞는 element(Dom 출력됨)를 구성해주는 것.
컴포넌트 이름은 항상 대문자로 시작할 것!

레고 블록을 맞추듯이 끼워 맞춰서 Component 구성, 이를 반복적으로 사용해서 하나의 웹을 구성

💗 Props?

✍ Property(React Components의 속성)

Component: 붕어빵 틀, Props: 붕어빵 재료, Element: 붕어빵 결과

컴포넌트에 전달한 다양한 정보를 담고 있는 JavaScript의 객체

❣ Props 특징

Read-Only : 값 변경 불가, 모든 React Component는 Props를 직접 변경할 수 없음
같은 Props에서는 항상 같은 결과 즉 같은 element를 return하게 됨!