[TYPESCRIPT] React Props와 State 타입 정의 — 컴포넌트 안정성을 결정하는 핵심

React + TypeScript에서 가장 중요한 부분을 하나만 꼽으라면 단연 Props와 State 타입 정의입니다. 이 두 가지를 어떻게 정의하느냐에 따라 컴포넌트의 재사용성, 안정성, 리팩토링 난이도가 완전히 달라집니다. Props와 State를 타입으로 정의해야 하는 이유TypeScript를 쓰지 않는 React에서는 다음과 같은 문제가 자주 발생합니다.Props 누락이나 오타를 런타임에서야 발견컴포넌트 사용 방법을 코드로 추측해야 함리팩토링 시 영향 범위 파악이 어려움Props와 State를 타입으로 정의하면 컴포넌트의 사용 계약(Contract)이 코드에 명확히 드러나고, 잘못된 사용은 컴파일 단계에서 바로 차단됩니다. Props 타입 정의의 기본가장 기본적인 Props 타입 정의는 객체 타..