코드를 작성할 때 타입 가드는 TypeScript에서 데이터 유형을 보다 명확하게 추론하고 사용할 수 있게 해줍니다. 타입 가드를 활용하면 코드 가독성을 높일 뿐만 아니라 변수 및 속성에 대한 불필요한 유형 체크를 줄일 수 있습니다.

이번 글에서는 타입 가드를 어떻게 활용하고, 이를 통해 코드의 가독성을 개선할 수 있는지 살펴보겠습니다.

타입 가드란?

타입 가드는 런타임 중에 특정 유형의 데이터가 어떤 형태를 가지고 있는지를 확인하여, 해당 데이터를 사용하는 코드 블록 내에서 해당 형태로 추론할 수 있도록 합니다. 이를 통해 TypeScript는 코드를 작성하는 동안 더 엄격한 타입 검사를 수행할 수 있습니다.

타입 가드 예시

아래는 number 형식 또는 string 형식의 데이터를 다루는 예시입니다.

function printLength(value: number | string) {
  if (typeof value === "number") {
    console.log(value.toFixed(2));
  }
  if (typeof value === "string") {
    console.log(value.length);
  }
}

위 예시에서 typeof를 사용하여 value의 타입을 체크함으로써 printLength 함수 내에서 각 데이터 유형에 따라 동작을 다르게 할 수 있습니다.

코드 가독성 향상

타입 가드를 활용하면 코드 내에서 데이터 유형을 명시적으로 다룰 수 있어 가독성이 향상됩니다. 예를 들어, 위의 printLength 함수에서는 매개변수 value가 number 형식인지 아니면 string 형식인지 확인하여 각각 다른 동작을 수행하고 있음이 명확히 드러납니다.

마치며

타입 가드는 TypeScript를 사용하는 개발자들에게 데이터 유형에 대한 더 나은 가독성과 안정성을 제공합니다. 이를 통해 코드의 가독성을 향상시키고 불필요한 유형 검사를 줄일 수 있습니다. TypeScript를 사용하는 프로젝트에서는 타입 가드를 적극적으로 활용하여 코드를 보다 명확하고 효율적으로 작성할 수 있습니다.

참고 자료: TypeScript 공식 문서 - 타입 가드