Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- oauth
- 유효시간 설정 url
- 프론트엔드
- 우아한테크코스
- AWS
- 프론트엔드 과제
- 딥다이브
- compateto
- TypeORM
- invalid_grant
- 검색
- redis
- concurrency limit
- api 비동기처리
- 모던 자바스크립트
- api 요청 수 제한
- 프로그래머스
- 음악 url 파일 다운로드
- 코멘토 #코멘토실무PT #실무PT후기 #실무강의 #리액트강의 #웹프로그래밍 #react #웹개발실무
- 자바스크립트
- 우아한 테크코스
- Deep Dive
- 프리코스
- bucket4j
- 스프링부트
- this
- NestJS
- 파일 url
- Dev-Matching
- 타입스크립트
Archives
- Today
- Total
개발 알다가도 모르겠네요
타입스크립트의 Enum 본문
728x90
TypeScript에서는 enum을 사용하는 것이 가능합니다.
enum Color {
RED,
GREEN,
BLUE
}
선언 후에 아래와 같이 사용할 수 있습니다.
function setColor(color: Color) {
// ...
}
setColor(Color.RED);
var Color = {
RED: 0,
GREEN: 1,
BLUE: 2,
0: 'RED',
1: 'GREEN',
2: 'BLUE'
};
enum 키워드는 기본적으로 리버스 매핑(reverse mapping)을 지원합니다.
리버스 매핑이란 키로 값을 얻을 수 있을 뿐만 아니라, 값으로도 키를 얻을 수 있는 방식을 말합니다.
선언과 값 초기화
enum으로 만들어진 변수에는 내부적으로 값이 할당됩니다.
별도의 명시가 없다면 값은 0부터 시작해서 1씩 증가하는 형태로 할당됩니다.
enum Color {
RED = 10,
GREEN = 20,
BLUE = RED + GREEN
}
간단한 연산자를 사용한 표현식으로도 초기화할 수 있습니다.
enum Color {
RED = 'red',
GREEN = 'green',
BLUE = 'blue'
}
const enum
enum 키워드는 앞에 const와 함께 사용할 수도 있습니다.
const와 함께 사용할 경우, Enum은 컴파일 결과물을 가지지 않는다. 예를 들면,
const enum Color {
RED = 'red',
GREEN = 'green',
BLUE = 'blue'
}
const red = Color.RED;
이러한 코드가 있다고 할 때 컴파일 결과는 아래와 같이 나타납니다.
var red = "red" /* RED */;
'웹 > Typescript' 카테고리의 다른 글
타입스크립트의 타입 가드 (0) | 2022.06.27 |
---|---|
타입스크립트의 타입 추론 (0) | 2022.06.19 |
타입스크립트의 함수 (0) | 2022.06.18 |
타입스크립트의 인터페이스 (0) | 2022.06.18 |
타입스크립트의 제네릭 (0) | 2022.06.18 |