<div id="readability-page-1" class="page"><div><article><section><section><h3 id="category">프로그래밍 / Typescript</h3><ul><li> akasai
 </li><li>10월 28 수, 2020
 · 2 min read
 </li></ul><section data-v-fc5a9040=""><ul data-v-fc5a9040=""><li data-v-fc5a9040=""><a href="/tag/Typescript/" data-v-fc5a9040="">
 Typescript
 </a></li><li data-v-fc5a9040=""><a href="/tag/Enum/" data-v-fc5a9040="">
 Enum
 </a></li></ul></section></section><ins data-ad-client="ca-pub-7791595479585064" data-ad-slot="1631172523" data-ad-format="auto" data-full-width-responsive="true"></ins><section><article><code>Enum Type</code>은 Javascript와 Typescript와의 여러가지 차이점 중 한가지이다.
다양한 시스템 언어들이 Enum을 사용하고 있기 때문에 굳이 자세히 설명하지 않아도 될 것 같다.
<hr>
<h2 id="enum">Enum</h2>
Enum 타입을 사용하는 이유는 다양하다.
<ol>
<li>
가독성을 높힌다.
공통된 특징을 지닌 변수를 한 곳에 묶어서 사용할 수 있기 때문에 가독성이 높아진다.
</li>
<li>
엄격한 타입정의가 가능하다.
Typescript를 사용하는 이유중 한가지인 엄격한 형관리를 좀 더 타이트하게 할 수 있다.
</li>
<li>
자칫 발생할 수 있는 값 변경을 방지할 수 있다.
2번에서 이어지는 형관리를 통해 자칫 발생할 수 있는 값 변경을 방지할 수 있다. (Enum에 정의되지 않는 데이터)
</li>
</ol>
<h3 id="enum의-사용">Enum의 사용</h3>
간단하게 Typescript에서 <code>Enum</code>을 사용해 보자면
<pre><code>enum COUNT1 {
 ZERO,
 FIRST,
 SECOND
}

console.log(COUNT1.ZERO) // 0


enum COUNT2 {
 FIRST = 1,
 SECOND,
 THIRD
}

console.log(COUNT2.SECOND) // 2

enum COUNT3 {
 FIRST = 1,
 SECOND = 4,
 THIRD
}

console.log(COUNT3.THIRD) // 5</code></pre>
사용법부터 특징까지 기존언어들과 매우 동일하다.
별다른 값을 명시하지 않는다면 첫 데이터 순서대로 <code>0, 1, 2...</code> 값을 갖는다.
초기 값을 숫자로 정의하면 나머지 데이터는 <code>+1</code> 만큼 연산된 숫자를 차례로 갖는다.

만약 숫자가 아닐 경우엔 정확히 데이터를 할당해 주어야한다.
<pre><code>enum ALPHABET {
 A = 'a',
 B, // TS1061: Enum member must have initializer.
 C // TS1061: Enum member must have initializer.
}</code></pre>
<h3 id="enum--object">Enum == Object??</h3>
Typescript에서 Enum의 가장 큰 특이점은 바로 Object라는 점이다.
<pre><code>enum STATUS {
 SUCCESS = 's',
 FAIL = 'f',
 PENDING = 'p',
 PROGRESS = 'g'
}

console.log(STATUS) // { SUCCESS: 's', FAIL: 'f', PENDING: 'p', PROGRESS: 'g' }</code></pre>
이것이 가능한 이유는 tsc를 이용해 컴파일해보면 쉽게 알 수 있다.
<pre><code>var STATUS;
(function (STATUS) {
 STATUS["SUCCESS"] = "s";
 STATUS["FAIL"] = "f";
 STATUS["PENDING"] = "p";
 STATUS["PROGRESS"] = "g";
})(STATUS || (STATUS = {}));</code></pre>
위와 같이 Object에 각 key값을 할당해주는 방식으로 컴파일된다.
결국 Object라고 볼 수 있다.
이를 알고 활용하면 <code>Object내장함수</code>를 이용하여 여러가지 응용이 가능하다.
<pre><code>enum STATUS {
 SUCCESS = 's',
 FAIL = 'f',
 PENDING = 'p',
 PROGRESS = 'g'
}
console.log(Object.keys(STATUS)) // [ 'SUCCESS', 'FAIL', 'PENDING', 'PROGRESS' ]
console.log(Object.values(STATUS)) // [ 's', 'f', 'p', 'g' ]</code></pre>
</article></section><ins data-ad-client="ca-pub-7791595479585064" data-ad-slot="6759499833" data-ad-format="auto" data-full-width-responsive="true"></ins></section></article></div></div>

devlog.akasai

akasai

`Enum Type`은 Javascript와 Typescript와의 여러가지 차이점 중 한가지이다.
다양한 시스템 언어들이 **Enum**을 사용하고 있기 때문에 굳이 자세히 설명하지 않아도 될 것 같다.
***
## Enum
**Enum** 타입을 사용하는 이유는 다양하다.
1. 가독성을 높힌다.
   공통된 특징을 지닌 변수를 한 곳에 묶어서 사용할 수 있기 때문에 가독성이 높아진다.
2. 엄격한 타입정의가 가능하다.
   Typescript를 사용하는 이유중 한가지인 엄격한 형관리를 좀 더 타이트하게 할 수 있다.
3. 자칫 발생할 수 있는 값 변경을 방지할 수 있다.
   2번에서 이어지는 형관리를 통해 자칫 발생할 수 있는 값 변경을 방지할 수 있다. (*Enum에 정의되지 않는 데이터*)
### Enum의 사용
간단하게 *Typescript*에서 `Enum`을 사용해 보자면
```typescript
enum COUNT1 {
    ZERO,
    FIRST,
    SECOND
}
console.log(COUNT1.ZERO) // 0
enum COUNT2 {
    FIRST = 1,
    SECOND,
    THIRD
}
console.log(COUNT2.SECOND) // 2
enum COUNT3 {
    FIRST = 1,
    SECOND = 4,
    THIRD
}
console.log(COUNT3.THIRD) // 5
```
사용법부터 특징까지 기존언어들과 매우 동일하다.
별다른 값을 명시하지 않는다면 첫 데이터 순서대로 `0, 1, 2...` 값을 갖는다.
초기 값을 숫자로 정의하면 나머지 데이터는 `+1` 만큼 연산된 숫자를 차례로 갖는다.
만약 숫자가 아닐 경우엔 정확히 데이터를 할당해 주어야한다.
```typescript
enum ALPHABET {
    A = 'a',
    B, // TS1061: Enum member must have initializer.
    C // TS1061: Enum member must have initializer.
}
```
### Enum == Object??
Typescript에서 Enum의 가장 큰 특이점은 바로 Object라는 점이다.
```typescript
enum STATUS {
    SUCCESS = 's',
    FAIL = 'f',
    PENDING = 'p',
    PROGRESS = 'g'
}
console.log(STATUS) // { SUCCESS: 's', FAIL: 'f', PENDING: 'p', PROGRESS: 'g' }
```
이것이 가능한 이유는 tsc를 이용해 컴파일해보면 쉽게 알 수 있다.
```javascript
var STATUS;
(function (STATUS) {
    STATUS["SUCCESS"] = "s";
    STATUS["FAIL"] = "f";
    STATUS["PENDING"] = "p";
    STATUS["PROGRESS"] = "g";
})(STATUS || (STATUS = {}));
```
위와 같이 **Object**에 각 **key**값을 할당해주는 방식으로 컴파일된다.
결국 Object라고 볼 수 있다.
이를 알고 활용하면 `Object내장함수`를 이용하여 여러가지 응용이 가능하다.
```typescript
enum STATUS {
    SUCCESS = 's',
    FAIL = 'f',
    PENDING = 'p',
    PROGRESS = 'g'
}
console.log(Object.keys(STATUS)) // [ 'SUCCESS', 'FAIL', 'PENDING', 'PROGRESS' ]
console.log(Object.values(STATUS)) // [ 's', 'f', 'p', 'g' ]
```

[Typescript] Enum

댓글