[TS] 💡JavaScript가 아닌 TypeScript를 쓰는 이유

타입스크립트란?

자바스크립트에 타입을 부여한 언어입니다.
자바스크립트의 확장된 언어라고 볼 수 있습니다!

자바스크립트 기반으로 작동되기에, 브라우저에서 실행하기 위해서는 ts 파일을 js 파일로 변환해주는 과정이 필요합니다. 이를 '컴파일 과정'이라고 합니다.

자바스크립트에 어떤 한계가 있나요?

일단, 자바스크립트는 동적 타입 언어입니다.
런타임 환경에서 타입을 결정하는 언어입니다.
배우기 쉬우며, 타입을 따로 지정하지 않아도 된다는 장점이 존재합니다.

하지만 실행 도중 제가 생각한 타입과 다른 타입이 결과값으로 나온다면... 자바스크립트는 바로 타입 에러를 띄워버립니다.
정말 무서운 에러들입니다

타입스크립트는 어떤 이점이 있나요?

타입스크립트는 점진적 타입 언어입니다.

동적 타입 시스템과, 정적 타입 시스템을 혼합한 것 같은 타입 시스템을 사용합니다.

정적 타입 시스템처럼 변수의 타입을 코드 실행 전에 결정하고, 타입 오류가 없는지 프로그램 실행 전에 코드를 검사합니다.

동적 타입 시스템처럼 모든 변수에 일일히 타입을 명시하지 않아도, 변수에 담기는 초기값을 기준으로 자동으로 타입을 알아서 추론하기도 합니다.

이런 특징을 통해, 컴파일 단계에서 오류를 포착할 수 있고, 어떤 타입의 값이 필요한지 바로 파악이 가능합니다.

🤔 타입스크립트는 항상 좋나요?

타입스크립트는 위와 같이 정말 좋은 점을 많이 가지고 있지만, 결국 자바스크립트의 장점인 유연성이 사라진 형태입니다.
any 등으로 보완할 수 있지만, 사용하는 시점에서 타입스크립트의 장점이 많이 퇴색된다고 생각합니다.

또한, 처음에 입문하기에 어려우며 코드 작성을 할 때 자잘한 타입을 전부 지정해야 하므로 시간이 오래 걸린다는 단점이 있습니다.

그래도, 사용하면 확실히 좋다!

컴파일 단계에서 오류를 포착할 수 있으므로, 에러를 예방하는 효과가 정말 크다고 생각합니다. 또한, 코드를 통해 어떤 타입의 값이 필요한지 쉽게 파악이 가능하여 흐름을 이해하기 쉽고, 협업에 도움이 됩니다.

참고

타입스크립트 핸드북
한 입 크기로 잘라먹는 타입스크립트
타입스크립트 공식문서