[typescript] 타입스크립트에서의 타입 어노테이션 문법

11 Dec 2023

타입스크립트(TypeScript)는 정적 타입을 지원하는 JavaScript의 상위 집합 언어입니다. 타입스크립트에서는 변수, 매개변수, 함수 등에 타입 어노테이션을 사용하여 타입을 명시할 수 있습니다.

이 문서에서는 타입스크립트에서의 타입 어노테이션을 사용하는 다양한 문법에 대해 알아보겠습니다.

1. 변수 선언

변수를 선언할 때, 다음과 같이 콜론(:)을 사용하여 변수의 타입을 명시할 수 있습니다.

let name: string;
let age: number;
let isStudent: boolean;

함수의 매개변수와 반환 타입에도 타입 어노테이션을 사용할 수 있습니다.

function greet(name: string): void {
  console.log("Hello, " + name);
}

위 예제에서 name 매개변수는 string 타입이며, 함수는 아무 값도 반환하지 않는 void 타입을 갖는 것을 나타냅니다.

객체의 프로퍼티에 대한 타입을 정의할 때는 인터페이스(interface)를 사용합니다.

interface Person {
  name: string;
  age: number;
  isStudent: boolean;
}

let person: Person = {
  name: "Alice",
  age: 25,
  isStudent: true
};

위 예제에서 Person 인터페이스는 name, age, isStudent 프로퍼티들의 타입을 정의하고, 이를 이용하여 person 객체를 선언하고 초기화하였습니다.

타입스크립트에서 제네릭 타입을 사용하여 재사용 가능한 컴포넌트를 만들 수 있습니다.

function identity<T>(arg: T): T {
  return arg;
}

위 예제에서 identity 함수는 제네릭 타입 T를 받아서 동일한 타입을 반환합니다.

여러 타입 중 하나의 타입을 갖는 변수를 정의할 때 유니언 타입을 사용할 수 있습니다.

let result: number | string;
result = 10; // 유효
result = "success"; // 유효
result = true; // 오류

위 예제에서 result 변수는 number 혹은 string 타입을 갖는 것을 나타냅니다.

타입스크립트에서의 타입 어노테이션 문법에 대한 간단한 설명을 제공했습니다. 더 자세한 내용은 타입스크립트 공식 문서를 참고하시기 바랍니다.