[React] 타입 추론(Type Inference) | 타입 별칭(Type Alias)

type inference(타입추론)

let cousre = "React - The Complete Guide";

cousre를 이렇게 선언하면 string이라고 타입을 추론해준다.

// cousre = 12341;

하지만 이렇게 cousre에 int를 할당하면 오류가 발생하는데, 이를 해결하기 위해서 유니온타입을 사용해야한다.

let cousre string | number = 'React - The Complete Guide';

cousre = 12345;

유니온타입을 지정하는 방법은 첫번째 타입 | 다른 타입 (타입은 2개 이상 추가해도 가능)

 

유니온타입은 타입추론을 사용하는 경우가 아니라면, 타입을 지정한 곳이라면 어디서든 사용 가능하다.

 

 

타입 별칭(Type Alias)

중복되는 코드를 줄이고 재사용성을 높이기 위해 기본 타입을 만들어 복잡한 타입을 정의해두고 가져다 사용하는 것

 

type Person = {
  name: string;
  age: number;
}

let person: Person;

person = {
  name: "Max",
  age: 32,
};

매번 정의해줄 필요 없이 Person 객체 타입을 사용했던 모든 곳에 별칭 Person을 넣어주면 재정의할 필요 없이 사용 가능.