Frontend/TypeScript

제네릭

제네릭 사전적 정의 제네릭은 C#, Java 등의 언어에서 재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징 특히, 한 가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는 데 사용 제네릭 기본 문법이 적용된 형태 function logText(text: T): T { return text; } 제네릭이란 타입을 마치 함수의 파라미터처럼 사용하는 것을 의미 logText('hi'); logText(10); logText(true); 함수를 호출할 때 파라미터의 대한 타입을 인자값에 지정해서 호출한다. getText('hi'); getText 함수는 아래와 같이 타입을 정의한 것과 같다. function getText(text: string): string { return text; } 위 ..

타입 별칭과 인터페이스 차이점

타입 별칭과 인터페이스의 가장 큰 차이점은 타입의 확장 가능 / 불가능 여부이다. 인터페이스 확장(상속) interface Person { name: string; age: number; } interface Developer extends Person { language: string; } var captain: Developer = { language: "Hi", age: 100, name: "캡틴" } Developer는 Person을 확장(상속)했기 때문에 age, name을작성하지 않으면 타입 에러가 난다. 타입 별칭 아래는 타입 별칭으로 선언한 타입을 프리뷰로 확인한 결과이다. 타입 정의 한 것을 보여준다. 타입 별칭은 확장이 되지 않는다. 가능한 type 보다는 interface로 선언해서 ..