타입스크립트(TypeScript)에서 타입 가드 함수는 런타임에서 값을 유형으로 확인하고 반환하는 유용한 도구입니다. 특히 타입 변환에서 유용하게 사용될 수 있습니다. 이번 포스트에서는 간단한 예시를 통해 타입 가드 함수가 어떻게 활용되는지 살펴보겠습니다.

타입 가드 함수란?

타입 가드 함수는 주로 instanceof 연산자나 커스텀 유형을 체크하여 값을 변환하는 함수를 말합니다. 이를 통해 값의 유형을 보다 정확하게 판단하고 다른 유형으로 변환할 수 있습니다.

예시: 숫자 문자열을 숫자로 변환하기

아래 코드는 parseNumber라는 함수를 통해 숫자로 변환하는 과정을 보여줍니다.

// 타입 가드 함수 정의
function isNumeric(value: any): value is number {
  return !isNaN(value);
}

// 숫자로 변환하는 함수
function parseNumber(input: string | number): number | undefined {
  if (typeof input === 'string' && isNumeric(input)) {
    return parseFloat(input);
  }
  return undefined;
}

// 사용 예시
const numericString = '123';
const result = parseNumber(numericString);
if (result !== undefined) {
  console.log(result.toFixed(2));
}

위 예시에서는 isNumeric 함수를 통해 문자열이 숫자로 변환 가능한지를 확인하고, 그에 맞게 변환하여 값을 반환하는 parseNumber 함수를 정의했습니다.

이를 통해 타입 가드 함수를 활용하여 숫자 문자열을 숫자로 변환하는 예시를 살펴보았습니다.

마치며

타입 가드 함수를 활용하면 타입스크립트에서 값을 보다 정확하게 판단하여 변환하는 작업을 수월하게 할 수 있습니다. 위 예시를 통해 기본적인 활용법을 익히고, 실제 프로젝트에서 유용하게 활용해보시기를 권장합니다.

더 많은 타입 가드 함수의 활용 방법은 타입스크립트 공식 문서를 참고하시기 바랍니다.