Component

component
컴포넌트
관련된 코드 덩어리를 모아 하나의 독립된 개념으로 추상화 하는 기법은 프로그래밍에서 개발자의 사고력을 비약적으로 높여 준다.
상태와 UI 코드를 이루어진 화면 개발에서도 component라는 개념을 사용해 추상화 할 수 있다.
모든 상태와 UI를 담고 있다면 역할을 분리해 작은 component로 나누는 것이 좋다. → 더 쉽게 읽히고 안전하게 수정할 수 있기 때문이다.
커스텀 컴포넌트는 대문자로 시작해야 한다. → 내장 HTML 요소와 구별되어야 하기 때문이다.

React component

React component
component는 한 가지 역할을 해야 한다.
React는 component라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕는다.
element가 React 앱을 구성하는 최소 단위라면 component는 UI를 나타내는 element와 애플리케이션 로직을 포함한 상위 개념이다.