카테고리 없음

TypeScript 작성하기

d-e-v-j 2024. 11. 12. 00:26
반응형


JavaScript는 동적 타입 언어로, 런타임 오류가 발생할 위험이 있습니다. TypeScript는 이러한 문제를 줄이기 위해 정적 타입 검사를 제공하며, 이를 통해 개발자가 컴파일 타임에 오류를 사전에 발견할 수 있습니다.


1. 기본 타입 지정하기

TypeScript에서는 변수의 타입을 명시적으로 지정할 수 있습니다. 예를 들어, 숫자 타입만을 받아야 하는 경우 다음과 같이 선언합니다.

let age: number = 30;



잘못된 값이 할당되면 컴파일러가 오류를 발생시켜 코드의 안전성을 높입니다.

2. 인터페이스와 타입 별칭 사용하기

인터페이스와 타입 별칭(Type Alias)은 객체 구조를 정의하는 데 사용됩니다. 이를 통해 복잡한 객체의 타입을 명확히 하고, 일관된 구조를 유지할 수 있습니다.

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

const user: User = { name: "Alice", age: 25 };


3. 선택적 속성과 유니언 타입

인터페이스에서 일부 속성을 선택적으로 만들거나 여러 타입을 허용하고 싶을 때 유용합니다.

interface Product {
  name: string;
  price?: number; // 선택적 속성
}

function display(value: string | number) { // 유니언 타입
  console.log(value);
}


4. 제네릭을 통한 유연한 타입 설정

제네릭은 함수나 클래스가 다양한 타입을 수용하면서도 타입 안전성을 유지하도록 돕습니다.

function wrap<T>(value: T): T[] {
  return [value];
}

const wrapped = wrap("hello"); // string[]


5. 타입 가드로 조건부 타입 체크하기

타입 가드는 런타임에 특정 타입을 확인하는 코드로, 코드의 안전성을 높여줍니다.

function isString(value: unknown): value is string {
  return typeof value === "string";
}

function print(value: unknown) {
  if (isString(value)) {
    console.log(value.toUpperCase());
  }
}


TypeScript의 강력한 타입 시스템을 활용하면 런타임 오류를 줄이고, 코드의 안정성을 높일 수 있습니다

728x90
반응형
LIST