DEVELOP
article thumbnail

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다.

 

타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의

타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관

www.inflearn.com


이넘 (Enum)

# 이넘 (Enum)

: 특정 값들의 집합을 의미하는 자료형

- 타입스크립트에서는 문자형 이넘과 숫자형 이넘을 지원한다.


숫자형 이넘

- 초기값을 주지 않으면 0부터 시작해 차례대로 1씩 증가하고, 초기값을 주면 초기값부터 차례대로 1씩 증가한다. 

- 특정 값을 임의로 지정하는 것도 가능하다.

enum Shoes {
  Nike,
  Adidas,
}

let myShoes = Shoes.Nike;
console.log(myShoes);  // 0
enum Shoes {
  Nike = 3,
  Adidas = 2,
  Fuma,
}

console.log(Shoes.Nike); // 3
console.log(Shoes.Adidas); // 2
console.log(Shoes.Fuma); // 3

문자형 이넘

- 문자형 이넘은 전부 다 특정 값으로 초기화해주어야 한다.

- 자동으로 증가되는 auto-increasing이 없기 때문에 하나라도 초기화해주지 않으면 오류가 난다. 

enum Shoes {
  Nike = "나이키",
  Adidas = "아디다스",
  Fuma = "퓨마",
}

console.log(Shoes.Nike); // 나이키
console.log(Shoes.Adidas); // 아디다스
console.log(Shoes.Fuma); // 퓨마

Enum 예제

enum Answer {
  Yes = "Y",
  No = "N",
}

function askQuestion(answer: string) {
  if (answer === Answer.Yes) {
    console.log("정답!");
  } else if (answer === Answer.No) {
    console.log("오답!");
  }
}

askQuestion("Y");

- 드롭다운 목록이 필요한 경우에 enum을 활용할 수 있다. 

profile

DEVELOP

@JUNGY00N