1. 구조적 타입
type Person = {
name : string;
age : number;
address : string;
};
let p : Person;
const person = {
name : "Fujii kaze",
age : 12000,
address: "서울특별시 금천구",
};
// 이 둘은 구조적으로 같음 둘 다 Person!
p = person;
2. Generic
// 제네릭 : 타입을 동적으로 마치 클래스나 함수 등의서의 함수처럼 사용하는 것
// -> 타입을 유연하게 쓰고싶을 때 타입을 유동적으로 사용해야할 때
function sum(a: number, b: number): number {
return a + b;
}
sum(1,2)
type Generic<T> = {
name: T,
}
type Example = Generic<string>;
type TwoGeneric<T, U> = {
name: T,
age: U,
}
// Generic<string> =
// TwoGeneric<string, number> =
// 여기서 extends 는 타입을 제한시켜버림!
function getProperty<T, K extends keyof T>(obj: T,key: K) {
return obj[key];
}
3. Any
let a : any;
a = 1;
a = "1234";
a = {
name : "123",
age : 12,
};
고향으로 돌아가고싶다. 자바스크립트의 맛을 다시 느끼고 싶다..
any를 가능하면 지양해야한다 -> 타입 스크립트의 장점의 퇴화, 타입 스크립트를 왜 쓰는지에 대해서 초점이 맞춰줘야..
하여 위와 같이 any를 사용하게 되면 어떠한 타입의 변수를 정의하여도 오류가 발생하지 않음.. any..
'Programming > TypeScript' 카테고리의 다른 글
[TypeScript] Generic과 Utility Type (0) | 2024.09.27 |
---|---|
[TypeScript] Type 추론 (0) | 2024.09.27 |
[TypeScript] 여러가지 Type 선언 (2) | 2024.09.26 |
[TypeScript] TypeScript 정리.. (5) | 2024.09.20 |