typescript 함수/타입 선언, Union타입, Narrowing, 문자열 enum

1. 함수선언

 

function add(a: number, b: number): number {
  return a + b;
}

add(1, 2);       // 정상
add("1", 2);     // 에러

 

2. 타입선언

 

• 객체 타입 (DTO 개념)

const user: {
  id: number;
  name: string;
} = {
  id: 1,
  name: "yeonwoo"
};

• 개선 버전 (type 사용)

type User = {
  id: number;
  name: string;
};

const user: User = {
  id: 1,
  name: "yeonwoo"
};

 

3. Union 타입 (JS에는 없는 개념)

 

function printId(id: number | string) {
  console.log(id);
}

printId(1);
printId("abc");

 

 

4. Narrowing (Union을 안전하게 쓰는 법)

 

function printId(id: number | string) {
  if (typeof id === "string") {
    console.log(id.toUpperCase());
  } else {
    console.log(id.toFixed(2));
  }
}

 

 

5. 문자열 enum 사용 

 

type Status = "READY" | "RUNNING" | "DONE";

function handle(status: Status) {
  console.log(status);
}

handle("READY");   // 정상
handle("ERROR");   // 에러