TypeScript 타입 종류

소개

TypeScript는 JavaScript의 상위 집합 언어로, 정적 타입을 지원하여 개발자가 코드를 더욱 안전하고 효율적으로 작성할 수 있도록 도와줍니다.
이번 포스트에서는 TypeScript에서 사용할 수 있는 주요한 타입들에 대해 소개하고, 각 타입의 사용법과 예시를 소개하겠습니다.

기본 타입 (Primitive Types)

TypeScript는 JavaScript의 기본 타입을 모두 지원합니다:

1. number: 숫자 타입, 정수 및 부동 소수점 숫자를 나타냅니다
2. string: 문자열 타입, 작은따옴표(') 또는 큰따옴표(")로 둘러싸인 문자열을 나타냅니다.
3. boolean: 논리 타입, true 또는 false 값을 나타냅니다.
4. null: null 값만을 가질 수 있는 타입입니다.
5. undefined: undefined 값만을 가질 수 있는 타입입니다.

let age: number = 27;
let name: string = "John";
let isValid: boolean = true;
let data: null = null;
let value: undefined = undefined;

배열 (Arrays)

배열은 동일한 타입의 여러 값들을 저장하는 데 사용됩니다. TypeScript에서 배열의 타입은 다음과 같이 지정됩니다:

let numbers: number[] = [1, 2, 3, 4, 5];
let fruits: string[] = ["apple", "banana", "orange"];

객체 (Objects)

객체는 여러 프로퍼티와 해당 프로퍼티의 값을 가지는 자료 구조입니다. TypeScript에서 객체의 타입은 인터페이스를 사용하여 정의할 수 있습니다.

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

let person: Person = {
  name: "John",
  age: 27
};

함수 (Functions)

함수는 일련의 작업을 수행하는 코드 블록입니다. TypeScript에서 함수의 타입은 매개변수와 반환 값의 타입을 지정하여 정의할 수 있습니다.

function add(a: number, b: number): number {
  return a + b;
}
let result: number = add(3, 5);

제네릭 (Generics)

제네릭은 TypeScript에서 함수나 클래스를 작성할 때 타입을 일반화하는 기능입니다. 제네릭을 사용하면 재사용 가능한 코드를 작성하고 다양한 타입에 대해 작업할 수 있습니다.

function identity<T>(arg: T): T {
  return arg;
}
let value: string = identity("Hello, TypeScript");

결론

이번 포스트에서는 TypeScript에서 사용할 수 있는 주요한 타입들에 대해 소개하였습니다. 기본 타입부터 배열, 객체, 함수, 그리고 제네릭까지 다양한 타입을 사용하여 알아보았습니다!