ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Typescript 타입 정리
    front-end/TypeScript 2024. 2. 21. 10:26
    728x90

    1. primitive types

    1. 변수에 타입이 지정 가능합니다.

    let name: string = 'hoon'
    let age :number = 32;
    let marry :boolean = false;

     

    2. array 또는 object 자료 안에도 타입 지정 가능합니다.

    let home :string[] = ['TV', '냉장고', '노트북']
    let my : { age : number } = { age : 32 }

     

    3. 지정된 타입 외의 변경시 오류가 발생합니다.

    let name : string = 'hoon';
    name = 32;
    
    // Type 'number' is not assignable to type 'string'.(2322)

     

    4. 자동으로 타입이 지정이 됩니다.

     

     

    2. union type

    1. 타입 2개 이상 합친 새로운 타입이 가능합니다.

    let name: string | number = 'hoon';
    let age: (string | number) = 32;
    let home: number | string [] = [123,'TV','냉장고']

     

    2. 할당 하는 순간 타입이 확정이 됩니다.

     

    3. 새로운 타입을 지정해도 새롭게 할당이 됩니다.

     

     

    3. any type

    1. 모든 자료형을 허용이 가능합니다.

    let name: any = 'hoon';
    name = 123;
    name = undefined;
    name = [];

     

    2. 쓰는 순간 타입스크립트 쓰는 이유가 없어진다. (변수 타입 체크 해제 기능)

     

     

    4. unknown type

    1. any와 같이 모든 자료형이 허용이 가능합니다.

    let name: unknown = 'hoon';
    name = 123;
    name = undefined;
    name = [];

     

    2. any type 대비 다른 변수에 들어가는 것은 불가능하다.

      let name: unknown;
      let age: number = name;
      
      // Type 'unknown' is not assignable to type 'number'.

     

    3. 타입스크립트의 규칙에 적용이 된다.

      let name: unknown = 1;
      name - 1;
      
      // 'name' is of type 'unknown'.

     

    728x90
Designed by Tistory.