초보자를 위한 TypeScript에서 유형을 사용하는 방법 설명

TypeScript는 JavaScript에 정적 타이핑을 도입하여 개발 중에 오류를 포착하고 코드 품질을 개선하는 데 도움이 됩니다. 이 문서에서는 TypeScript에서 유형을 사용하는 기본 사항을 안내하여 초보자가 TypeScript의 유형 시스템을 활용하는 방법을 더 쉽게 이해할 수 있도록 합니다.

TypeScript의 유형이란?

TypeScript의 유형은 데이터의 모양과 구조를 정의하는 데 도움이 됩니다. 유형을 지정하면 변수, 함수 매개변수 및 반환 값이 예상 형식을 준수하도록 할 수 있습니다. 이를 통해 많은 일반적인 프로그래밍 오류를 방지할 수 있습니다.

기본 유형

TypeScript는 변수와 함수를 정의하는 데 사용할 수 있는 몇 가지 기본 유형을 제공합니다.

숫자: 숫자 값을 나타냅니다.
문자열: 텍스트 데이터를 나타냅니다.
부울: 참 또는 거짓 값을 나타냅니다.
배열: 특정 유형의 값 컬렉션을 나타냅니다.
Object: 키-값 쌍의 컬렉션을 나타냅니다.

숫자 예시

let age: number = 30;

문자열 예제

let name: string = "John Doe";

부울 예제

let isStudent: boolean = true;

배열 예제

let scores: number[] = [85, 90, 78];

객체 예제

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

유형 추론

TypeScript는 할당된 값에 따라 자동으로 유형을 추론할 수 있습니다. 즉, 항상 유형을 명시적으로 지정할 필요는 없지만 그렇게 하면 코드 명확성을 향상시킬 수 있습니다.

유형 추론 예제

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

인터페이스가 있는 사용자 정의 유형

TypeScript의 인터페이스를 사용하면 특정 구조로 사용자 정의 유형을 정의할 수 있습니다. 이는 복잡한 객체를 만들고 애플리케이션 전체에서 일관된 모양을 보장하는 데 특히 유용합니다.

인터페이스 예제

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

let employee: Person = {
  name: "Alice",
  age: 32
};

유니온 유형

Union 유형은 변수가 여러 유형의 값을 보유할 수 있도록 합니다. 이는 값이 여러 유형 중 하나일 수 있는 경우에 유용할 수 있습니다.

Union 유형 예제

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

유형 별칭

유형 별칭을 사용하면 유형에 대한 새 이름을 만들 수 있습니다. 이는 복잡한 유형 정의를 단순화하는 데 도움이 될 수 있습니다.

유형 별칭 예

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

결론

TypeScript에서 유형을 사용하면 조기 오류 감지, 향상된 코드 가독성, 향상된 유지 관리 등 수많은 이점이 있습니다. 기본 유형, 유형 추론, 인터페이스, 유니온 유형 및 유형 별칭을 이해하면 TypeScript를 활용하여 더욱 강력하고 안정적인 코드를 작성할 수 있습니다. TypeScript에 대한 경험이 많아질수록 개발 프로세스를 더욱 향상시킬 수 있는 더욱 고급 기능과 패턴을 발견하게 될 것입니다.

타입스크립트 유형 숫자 문자열 부울 배열 객체 추론 인터페이스 사용자 정의 유니온 별칭 코드