Props와 State의 타입 경계를 컴포넌트 입구에 세운다
타입스크립트는 UI 조각 사이의 데이터 계약을 명확히 해 런타임 오류를 줄인다.
Props부모가 넘기는 입력 데이터의 모양을 정의한다.
StateuseState의 값과 변경 함수 타입을 고정한다.
Event클릭, 입력 이벤트 객체 타입을 명확히 한다.
childrenReactNode처럼 받을 수 있는 자식을 명시한다.
const Welcome = ({ name, onClick }: WelcomeProps) => ...
React.FC보다 함수 인자에 Props 타입을 직접 붙이면 children 포함 여부가 더 분명해진다.