본문 바로가기
Programming/TypeScript

[TypeScript]TypeScript에 관하여2....

by SheenaKaze 2024. 9. 20.

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