DEVELOP
article thumbnail

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

 

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

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

www.inflearn.com


1. 이넘 (Enum)

# 이넘 (Enum)

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

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


2. 숫자형 이넘

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

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

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

3. 문자형 이넘

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

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

<typescript />
enum Shoes { Nike = "나이키", Adidas = "아디다스", Fuma = "퓨마", } console.log(Shoes.Nike); // 나이키 console.log(Shoes.Adidas); // 아디다스 console.log(Shoes.Fuma); // 퓨마

4. Enum 예제

<typescript />
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