프론트엔드/TypeScript (1) 썸네일형 리스트형 TypeScript Props 설정 타입스크립트를 사용해서 공통으로 사용되는 영역을 컴포넌트화해서 사용하는 경우 컴포넌트의 props 타입을 설정해야 한다. 사용되는 props가 정확하게 정해져 있는 경우도 있지만 어떤 prop이 나중에 추가될지 모르는 경우도 있다. 특히 input, textarea, button 등의 요소에는 많은 속성이 존재하고 필수로 입력해야 하는 속성과 상황에 따라 추가할 수 있는 필수는 아닌 속성이 존재한다. 위와 같은 상황에서 props의 타입을 지정할 때 아래와 같이 설정해줄 수 있다. interface Props { id: string; label: string; name: string; type: string; [key: string]: any; } const Input = ({id, label, name.. 이전 1 다음