[typescript] 자바스크립트 프로젝트에서 타입스크립트로의 천천히 전환하기

많은 개발자들이 최신 기술인 타입스크립트(Typescript) 로의 전환이 필요하다고 느끼고 있습니다. 그러나, 이미 기존의 자바스크립트 프로젝트 가 있고, 모든 것을 한 번에 변경하는 것이 불가능하다는 것을 알고 계실 것입니다. 그렇다고 새로운 프로젝트를 시작할 수 있는 시간과 리소스가 있는 것도 아닙니다. 그렇다면, 현재의 자바스크립트 프로젝트 를 타입스크립트로 천천히 전환하는 접근 방법은 어떤 것이 있을까요?

시작하기 전에

타입스크립트 는 정적 타입 지정 언어로, 타입 오류로부터 코드를 방어하고 가독성을 높여줍니다. 따라서, 타입스크립트 로의 전환이 필요한 이유가 있는데, 하지만 한 번에 전환하는 것은 쉽지 않은 일입니다.

천천히 전환하는 방법

1. 타입스크립트 파일로 시작하기

가장 쉬운 방법은 기존의 자바스크립트 파일 중 일부를 타입스크립트 파일로 변경하는 것입니다. 이를 위해서는 .js 확장자 대신에 .ts 확장자를 사용하면 됩니다.

예시:

// app.js -> app.ts
function greeting(name) {
  return "Hello, " + name;
}

2. 타입 주석 사용하기

타입스크립트 의 강점 중 하나는 타입 주석을 사용할 수 있다는 것입니다. 기존의 자바스크립트 파일에 타입 주석을 추가하여, 해당 변수나 함수의 타입을 명시적으로 지정할 수 있습니다.

예시:

// app.js
function greeting(name) {
  return "Hello, " + name;
}

// app.ts
function greeting(name: string) {
  return "Hello, " + name;
}

3. 타입스크립트 컴파일러 활용

많은 개발자들이 알지 못하는 타입스크립트 의 강력한 기능 중 하나는, 자바스크립트 파일을 --allowJs 옵션과 함께 컴파일하고 타입 오류를 체크할 수 있다는 것입니다. 따라서, 현재의 자바스크립트 프로젝트를 그대로 두고, 타입스크립트 컴파일러를 사용하여 타입을 체크할 수 있습니다.

이러한 전환 방법들을 토대로, 개발자들은 기존의 자바스크립트 프로젝트 를 천천히 타입스크립트 로 전환할 수 있습니다. 좀 더 안정적이고 가독성 높은 코드를 작성하기 위해 이러한 전환은 좋은 선택일 것입니다. 처음에는 전환하는 일이 쉽지 않을 수 있겠지만, 시간과 경험을 쌓아가며 점점 익숙해질 것입니다.

더 많은 정보를 원하신다면, 타입스크립트공식 문서를 참고해보세요.