[typescript] 열거형(Enum)을 활용한 동적 데이터 관리하기

11 Dec 2023

typescript

TypeScript는 JavaScript에 정적 타입을 추가하는 오픈 소스 언어이며, 강력한 타입 추론 기능을 제공합니다. TypeScript는 자바스크립트의 단점을 보완하여 코드의 가독성과 안정성을 높여줍니다. 이번 블로그에서는 TypeScript의 Enum 기능을 사용하여 동적 데이터를 관리하는 방법에 대해 알아보겠습니다.

Enum 이란?

Enum은 관련이 있는 상수들을 하나의 그룹으로 묶어주는 TypeScript의 기능입니다. 이것은 코드를 읽고 유지보수하기 쉽게 만들어주며, 보다 의미 있는 데이터 관리를 가능하게 합니다.

enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}

위 예시에서 enum 키워드를 사용하여 Direction이라는 새로운 데이터 형식을 정의하고 있습니다. 각 열거형 멤버는 특정 값을 가지며 문자열, 숫자, 또는 심지어 다른 상수들의 조합으로 초기화될 수 있습니다.

동적 데이터 관리

Enum은 정적인 데이터를 처리하는 데 사용됩니다. 예를 들어, 방향을 표현하거나 고정된 상태를 정의할 때 유용하게 사용됩니다. 하지만, Enum은 동적 데이터를 처리하기에는 적합하지 않을 수 있습니다.

이를 극복하기 위해 다음과 같이 Enum을 사용하여 동적 데이터를 관리할 수 있습니다.

enum DynamicData {
  DataA = "A",
  DataB = "B",
  DataC = "C",
  Unknown = "",
}

let userData: DynamicData;

function setDynamicData(data: string) {
  if (Object.values(DynamicData).includes(data as DynamicData)) {
    userData = data as DynamicData;
  } else {
    userData = DynamicData.Unknown;
  }
}

위의 예시에서, DynamicData Enum에 Unknown이라는 추가적인 상태를 추가하여 동적인 데이터를 관리하고 있습니다. 또한, setDynamicData 함수를 통해 사용자가 제공한 데이터가 유효한지 검증한 후 Enum에 할당하거나 Unknown으로 처리합니다.

이렇게 Enum을 활용하면 동적 데이터를 보다 안정적으로 관리하고 코드의 가독성을 높일 수 있습니다.

마무리

TypeScript의 Enum은 정적 데이터를 관리하기 위한 강력한 도구이며, 열거형 멤버를 활용하여 동적 데이터를 처리할 수 있는 방법을 살펴보았습니다. 이를 통해 코드의 안정성을 높이고 가독성을 향상시킬 수 있습니다.

Enum의 활용은 개발자에게 다양한 형태의 데이터를 보다 안정적으로 관리할 수 있는 기회를 제공합니다. 앞으로 Enum을 적극적으로 활용하여 보다 견고하고 의미 있는 코드를 작성하기를 권장드립니다.

참고 문헌:

TypeScript Handbook - Enums