React와 TypeScript를 사용할 때, UserList, ProductList처럼 데이터 타입만 다르고 로직이 똑같은 컴포넌트를 계속 만드는 비효율을 겪곤 한다. 이를 해결하는 제네릭(Generic) 컴포넌트의 구현 방법과 .tsx 파일에서의 문법적 이슈(Comma Hack), 그리고 React.FC 사용을 지양해야 하는 이유를 정리한다. React 제네릭(Generic) 컴포넌트 구현 시 문법이 필요한 이유와 활용 패턴TypeScript를 사용하는 가장 큰 이유 중 하나는 타입 안정성을 유지하면서 코드를 재사용하는 것이다. 일반적인 함수에서는 제네릭(Generic)을 자주 사용하지만, 막상 React 컴포넌트(JSX/TSX)에 적용하려고 하면 빨간 줄(에러)이 뜨거나 문법이 헷갈리는 경우가 ..
