타입스크립트는 자바스크립트 코드를 정적으로 타입을 부여할 수 있는 프로그래밍 언어입니다. 이를 통해 코드의 가독성과 안정성을 향상시키고 실수를 줄일 수 있습니다. 그러나 타입스크립트로의 변환을 위해 제대로된 타입 어노테이션 추가는 필수적입니다.

1. 변수에 대한 타입 어노테이션

변수에 타입을 명시하려면 다음과 같이 변수이름: 타입 형태로 타입 어노테이션을 추가할 수 있습니다.

let 변수이름: 타입;

예를 들어, 숫자 타입의 변수를 선언하려면 다음과 같이 작성할 수 있습니다.

let num: number;

2. 함수에 대한 타입 어노테이션

함수에 타입을 명시하려면 매개변수와 반환 타입에 대한 타입 어노테이션을 추가합니다.

function 함수이름(매개변수: 매개변수타입): 반환타입 {
    // 함수 본문
}

예를 들어, 숫자 두 개를 더하는 함수의 경우 다음과 같이 작성할 수 있습니다.

function add(num1: number, num2: number): number {
    return num1 + num2;
}

3. 객체에 대한 타입 어노테이션

객체에 타입을 명시하려면 객체의 속성에 대한 타입 어노테이션을 추가할 수 있습니다.

let 객체: { 속성1: 타입1, 속성2: 타입2, ... };

예를 들어, name과 age 속성을 가진 객체의 타입을 정의하는 경우 다음과 같이 작성할 수 있습니다.

let person: { name: string, age: number };

타입 어노테이션을 추가함으로써 타입스크립트로의 변환을 보다 쉽고 안전하게 수행할 수 있습니다. 이를 통해 코드의 가독성을 높이고 버그를 미리 방지할 수 있습니다.