많은 개발자들이 자바스크립트에서 타입스크립트로의 전환이 필요한 상황을 맞이하게 됩니다. 이 때 자바스크립트 파일을 타입스크립트로 변환하는 것은 타입 안정성과 코드 유지보수성을 향상시키는 데 도움이 됩니다.

1. 타입스크립트 설치

우선, 프로젝트 디렉토리에서 다음 명령어로 타입스크립트를 설치합니다:

npm install -g typescript

2. 타입스크립트 파일로 변환

다음 단계는 자바스크립트 파일의 확장자를 .js에서 .ts로 변경하는 것입니다. 이것으로 기본적인 타입스크립트 파일이 생성됩니다.

3. 타입 추가

변환한 파일에서 원하는 곳에 // @ts-check을 추가하여 코드 유효성을 검사하고 타입 에러를 체크할 수 있습니다.

// @ts-check

function greet(name: string) {
  return "Hello, " + name;
}

4. 타입 정의 추가

자바스크립트로 작성된 코드에 명시적인 타입 정의를 추가하여 타입스크립트의 강력한 타입 시스템을 활용할 수 있습니다.

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

function getPersonInfo(person: Person): string {
  return `${person.name} is ${person.age} years old`;
}

마무리

이제 여러분은 기존의 자바스크립트 파일을 타입스크립트로 변환하는 간단한 프로세스를 알게 되었습니다. 이 프로세스를 따라가면서 타입스크립트를 사용하여 더 안정적이고 가독성이 뛰어난 코드를 작성할 수 있을 것입니다.