TypeScript란?

🌀 TypeScript 란?

JavaScript + Type = TypeScript

마이크로소프트에서 구현한 JavaScript의 상위 확장(Superset) 프로그래밍 언어.

 

• 마이크로소프트에서 발표한 오픈 소스
• ES6의 Class, module 등과 ES7의 Decorator 등을 지원
• 확장자로는 .ts를 사용한다.
• 컴파일의 결과물로 JavaScript 코드를 출력한다. 그리고 최종적으로 runtime에서는 이렇게 출력된 JavaScript 코드를 구동시킨다.

 

🌀 TypeScript의 특징

정적 타입을 명시할 수 있다는 것이 Vanilla Javascript와의 가장 큰 차이점이다.

즉, 'JavaScript를 실제로 사용하기 전에 있을만한 type ERROR들을 미리 잡는 것' 이 Typescript의 사용 목적이다.

 

 

👉🏻 정적 타입 & 명시적인 타입

개발 도구(IDE나 컴파일러 등)에게 개발자가 의도한 변수나 함수 등의 목적을 더욱 명확하게 전달할 수 있다. 이렇게 하면 코드의 가독성을 높이고 예측하기가 용이하며 디버깅을 하기에 편리하다.
컴파일 단계에서 ERROR를 포착할 수 있다는 것도 큰 장점이다.

 

👉🏻 객체 지향 프로그래밍 지원

 

👉🏻 ERROR의 사전 방지

TypeScript는 정적 타입을 지원하므로 컴파일 단계에서 에러를 쉽게 잡아낼 수 있다.

// JavaScript

function sum(a, b) {
  return a + b;
}

sum(10, 20); // 👍🏻

// TypeScript

function sum(a: number, b: number) {
  return a + b;
}

sum('10', '20') // 💩

이처럼 의도하지 않은 코드의 동작을 사전에 예방할 수 있다.

 

👉🏻 개발 툴 & 도구의 지원

TypeScript는 코드를 작성할 때 개발 툴의 기능을 최대로 활용할 수 있다. 특히 Visual Studio Code는 TypeScript에 최적화 되어 있는 툴이다.
다양한 IDE들이 TypeScript를 지원하고 있지만, 역시 TypeScript의 제작사인 마이크로소프트의 Visual Studio Code와의 정합성이 가장 훌륭하다고 평가받고 있다.

 

👉🏻 생산성 향상

개발자와 도구 간의 상호작용에서 뿐만 아니라 개발자 간의 상호작용에서도 상당한 이점이 있는데, API를 구현하고 사용함에 있어 해당 API의 input과 output이 무엇인지 명확하게 표현할 수 있으므로 API 하나 쓰는데에도 일일이 매뉴얼을 찾아봐야 하거나 심하면 해당 API의 코드까지 뒤적거려봐야 하는 JavaScript에 비해 효율적이다.

 

🌀 설치하는 법

TypeScript를 사용하려면 우선 npm이 필요하다!! Node.js를 설치하면 npm이 자동으로 설치된다. (react를 사용하신 분들이라면 다 깔려 있을 것이다...ㅎ)
그 후에 아래의 명령어를 입력한다.

npm i -g typescript

 

 

 

 

참고 사이트
👉🏻 TypeScript 나무위키 문서
👉🏻 TypeScript 공식문서 번역본