인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다.
타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의
타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관
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을 활용할 수 있다.
'FRONTEND > TypeScript' 카테고리의 다른 글
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 7. 타입 추론 / 타입 단언 / 타입 가드 (0) | 2023.01.24 |
---|---|
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 6. 타입스크립트 클래스 / 제네릭 (0) | 2023.01.21 |
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 4. 타입스크립트 연산자를 이용한 타입 정의 (Union Type / Intersection Type) (0) | 2023.01.20 |
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 3. 타입스크립트 타입 별칭 (0) | 2023.01.20 |
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 2. 타입스크립트 인터페이스 (0) | 2023.01.20 |