코드 작성 시 타입에 대한 안정성을 확보하고 싶은 경우, TypeScript에서 타입 어노테이션을 활용하여 변수, 함수, 클래스 등에 명시적으로 타입을 지정할 수 있습니다. 타입 어노테이션을 활용하면 컴파일러가 코드를 검사하여 타입 오류를 사전에 발견할 수 있어 런타임 에러를 줄일 수 있습니다.

변수에 타입 어노테이션 적용하기

let message: string; // 문자열 타입의 message 변수
message = "안녕하세요";
// message = 123; // 에러: number 타입은 string 타입에 할당될 수 없습니다.

위 코드에서 message 변수에는 string 타입의 값만 할당할 수 있도록 타입 어노테이션을 적용하였습니다.

함수 매개변수와 반환값에 타입 어노테이션 적용하기

function add(a: number, b: number): number { // 매개변수와 반환값의 타입 어노테이션
  return a + b;
}

// add("1", 2); // 에러: string 타입은 number 타입에 할당될 수 없습니다.

위 코드에서 add 함수는 number 타입의 매개변수를 받고, number 타입의 값을 반환하도록 타입 어노테이션을 적용하였습니다.

타입 어노테이션을 활용하면 코드를 작성하는 시점에서부터 타입에 대한 안정성을 더욱 확보할 수 있습니다.

클래스 멤버에 타입 어노테이션 적용하기

class Person {
  name: string; // 문자열 타입의 name 멤버 변수
  age: number; // 숫자 타입의 age 멤버 변수

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}

const person = new Person("홍길동", 30);
// person.age = "30"; // 에러: string 타입은 number 타입에 할당될 수 없습니다.

위 코드에서 Person 클래스의 멤버 변수 name과 age에 각각 string과 number 타입의 값을 할당할 수 있도록 타입 어노테이션을 적용하였습니다.

타입 어노테이션을 적절히 활용하여 코드를 효과적으로 관리하고, 타입 안정성을 확보할 수 있습니다.

더 많은 정보는 타입스크립트 공식 문서를 참고할 수 있습니다.