TypeScript 2

holang-i·2023년 5월 31일
0
post-thumbnail

TypeScript의 열거형 - Enum

  • Enum은 특정 값의 집합을 정의할 때 사용된다.
  • JavaScript에서는 기본적으로 열거형을 지원하지 않지만, TypeScript에서는 문자형 열거형과 숫자형 열거형을 지원한다.

숫자형 열거형 Enum

  • 열거형은 숫자형과 문자열형 또는 숫자, 문자의 조합으로 정의할 수 있다.
  • 기본값으로 숫자형을 사용한다.
    - 각 값은 자동으로 0부터 시작하여 1씩 증가하지만, 아래와 같이 값을 수동으로 지정할 수 있다.

열거형의 값에 대해 산술 연산도 가능하다.

숫자형 열거형   Enum 정리
열거형은 일반적으로 상수값을 대신하여 사용되고, 타입스크립트에서 열겨형이 많이 사용된다.
열거형은 코드의 가독성을 높여주고, 오타와 같은 실수를 방지해준다.



역 매핑 (Reverse mappings)

  • 역 매핑은 숫자형 열거형에만 존재하는 특징이다.
  • 열거형의 key(키)로 value(값)를 얻을 수 있고 value(값)로 key(키)를 얻을 수도 있다.




문자형 열거형 Enum

  • 문자형 열거형은 숫자형 열거형과 개념적으로는 거의 비슷하지만, 문자열 열겨형의 경우 열거형의 값을 전부 다 특정 문자 또는 다른 열거형 값으로 초기화해야 된다.


  • 문자열 기반의 열거형은 주로 외부에서 가져온 값을 TypeScript에서 다루기 위해서 사용하는데, 예를 들어서 HTTP 요청방식을 나타내는 열거형을 정의할 수 있다.
  • 아래와 같이 열거형을 사용하면 오타 방지를 통해 안정성을 높이고, 코드 가독성을 높일 수 있다.

문자형 열거형   Enum 정리
문자형 열거형에서는 숫자형 열거형과는 다르게 auto-incrementing이 없다.
대신 디버깅할 때 숫자형 열거형의 값은 가끔 불명확하게 나올 때가 있지만, 문자형 열거형의 경우 항상 명확한 값이 나오기 때문에 읽기 편하다.



TypeScript의 Interface



TypeScript의 타입 별칭 - Type Aliases



TypeScript의 타입 추론 - Type Interface



TypeScript의 클래스 - Class



profile
🌿 주니어 프론트엔드 개발자입니다! 부족하거나 잘못된 정보가 있다면 알려주세요:)

0개의 댓글