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
- react
- vue login
- vuex
- 로그인
- 토이프로젝트
- 배포
- 플러그인
- 신상마켓
- express
- 회고록
- javascript
- vsCode
- database
- Git
- 정리
- 셋팅
- jwt
- plugin
- PWA
- 기획
- extension
- nginx
- 프론트
- AWS
- Firebase
- login
- react-query
- vue
- 뷰
- Docker
Archives
- Today
- Total
강디너의 개발 일지
Typescript - 이넘(enum)에 대하여 정리글 본문
728x90
자바스크립트에 없던 enum이 타입스크립트에 나왔다.
쓰는 방법도 쉽고, 기능도 간단한데 개인적으로 잘 사용하지 않는다.
굳이 enum이란 애를 써서 나열 하지 않아도 object로 선언해서 사용하는 것이 편하기 때문에 잘 사용하지 않았던 것 같다.
어디에 사용해야 하는지, 왜 좋은건지 잘 감이 안잡혀서 리서치를 했다.
TypeScript에서 ENUM을 사용하는 이유는 무엇입니까?
[Typescript] enum을 써야 할 때, union type을 써야할 때
여러가지 enum의 형태
interface, type, enum에 관한 글
[TypeScript TIPS] Interface 를 써야할 때와 Type 을 써야할 때
아래 글은 enum에 대해 자세하게 판 글이다.
TypeScript enum을 사용하지 않는 게 좋은 이유를 Tree-shaking 관점에서 소개합니다.
enum은 아래와 같이 스위치와 잘 어울린다.
enum Color {
RED,
BLUE,
GREEN,
}
switch (color: Color) {
case Color.RED:
console.log('빨강');
break;
case Color.BLUE:
console.log('파랑');
break;
case Color.GREEN:
console.log('초록');
break;
default:
console.log('등록되지않은 색상');
break;
}
결국 타입스크립트를 사용한다는 것은 예측 불가능한 자바스크립트를 어느정도 예측 가능하게 끔 만든 것이기 때문에 열거형으로 할 수 있는 데이터들은 enum으로 하는 것이 좋은 것 같다.
반응형
'Javascript > 이것저것' 카테고리의 다른 글
HTML 꿀팁 (0) | 2021.06.06 |
---|---|
API 서버 빠르게 구현하기 - strapi 튜토리얼 (0) | 2021.05.09 |
디자인 시스템 ? 알아야 하나 ? feat. 프론트엔드 개발자 (0) | 2020.04.28 |
커피 한잔 ~! (1) | 2020.01.29 |
javascript - 날짜 계산(몇일전, 몇시간전, 몇분전) (4) | 2020.01.15 |
Comments