props
부모 컴포넌트가 자식 컴포넌트에 전달하는 데이터
props는 읽기 전용으로 자식 컴포넌트는 수정할 수 없음
변경해야 하는 경우에는 props를 컴포넌트 내부에서 state로 관리해야함
state
컴포넌트 내부에서 관리되는 데이터
동적으로 변경될 수있으며, 컴포넌트 렌더링에 영향을 미침
state를 변경하면 컴포넌트는 리렌더링 되며 UI가 업데이트 됨
사용자 입력, 네트워크 요청 응답에 따라 변하는 데이터 관리
controlled component
state를 통해 입력값을 제어하는 컴포넌트
입력값이 변경될 때마다 onChange 핸들러를 통해 상태를 업데이트
ex)useState를 활용한 인풋값 제어
입력값이 리액트의 상태로 관리되므로, 입력값을 쉽게 검증하고 변경할 수 있음
uncontrolled component
DOM이 입력값을 제어함
ref를 사용해 DOM 요소에 접근할 수 있음
단순한 입력필드만 포함된 곳에서는 uncontrolled component가 성능이 더 좋을 수 있음
