[TypeScript] 타입스크립트 기본 (Literal Types / Union Types / Intersection types)

▪ Literal types

 

const userName1 = "Bob";

let userName2 = "Tom";

 

const는 상수로 변하지 않는 값을 선언할 때, let는 재할당이 가능한 값을 선언할 때 사용합니다. 

저 상태에서 VSC같은 에디터에서 마우스를 올려보면 const는 "Bob"이라고 선언 된 값이 뜨고, let은 let userName2 : string이라는 타입 값이 뜹니다. let은 언제든 다른 값으로 변할 수 있기 때문입니다. 

 

userName2 에 숫자를 넣고 싶다면? 

let userName2 : string | number = "Tom";

이렇게 타입을 둘 다 명시해줍니다. 

 

type Job = "police" | "developer" | "teacher";

interface User {
  name : string;
  job : Job;
  grade: 1 | 2 | 3;
}


const user : User = {
 name : "Bob",
 job: "developer"
 }

 

 

 

 

▪ Union types

식별 가능한 유니온 타입! gift가 car 일수도 mobile 일 수도 있는데, gift의 경우 식별이 가능하기 때문에 이런걸 유니온타입이라고 한다.

interface Car {
    name : "car";
    color: string:
    start() : void;
}

interface Mobile {
  name : "mobile";
  color: string;
  call() : void;
 }
 
 function getGift(gift: Car | Mobile){
   //Car에만 start()가 있기때문에 조건문을 써주지 않으면 오류가 난다.
   if(gift.name === "car"){
     gift.start();
   }else{
     gift.call();
 }
 
 //

 

 

 

 

▪ Intersection types

교차타입은 "and" 같은 느낌입니다. 

interface Car {
    name : string;
    start() : void;
}

interface Toy {
  name : string;
  color: string;
  price: number;
 }
 
const toyCar : Toy & Car = {
 name : "타요",
 start(){},
 color: "blue",
 
 //위의 같이 요소만 적어두면 오류가 발생한다. price가 빠졌기 때문이다. 
 //Car는 price를 가지고 있지 않지만 교차 타입은 모든 요소가 하나로 합쳐지는 걸 뜻하기 때문에 price도 넣어줘야 오류가 안 생긴다
}