WEB/Javascript

Typescript의 interface

explorer999 2024. 7. 10. 21:42

<기능>

1. 객체의 구조를 정의한다. 
2. 클래스의 타입을 정의한다. 
3. 컴포넌트가 받을 props의 타입을 정의한다. 

 

<예시>

interface InputProps { 
type: string;
text: any;
color?: string;
}


이런 식으로 인터페이스를 사용하면 컴포넌트의 props 타입을 명확하게 정의하고,

코드의 가독성과 유지보수성을 높일 수 있다.