Component

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

Controlled components와 Uncontrolled components 차이

HTML 문서에서 많은 form 엘리먼트들(<select>, <textarea>, <input> 등)은 고유한 state를 유지한다.
비제어 컴포넌트는 DOM을 이러한 input들의 state에 대한 진짜 근원(source of truth for the state of these inputs)으로 취급한다.
제어 컴포넌트에서 내부 state는 엘리먼트의 값(value)를 추적하기 위해 사용된다.
input의 값이 변경되면 React는 input을 다시 렌더링한다.