[TypeScript] - 타입스크립트란 ?

 

 

1. 타입스크립트 란?

 

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

타입스크립트는 자바스크립트와  달리 브라우저에서 실행하려면 파일을 한번 변환시켜 주어야 한다 이를 

'컴파일'이라고 부른다.

 

2. Why Typescript ?

 

   1) 에러의  사전 방지 

   

     

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

 

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

첫번째 코드는 자바스크립트로 작성한 코드이고  두번째 코드는  타입스크립트로  작성한 코드이다  

둘다 두 숫자의 합을 구하는 코드이다.

 

sum('10', '20'); // 1020

만약 첫번째 자바스크립트로  작성한 코드를 이용해  문자열 '10'과 '20'을 더하면 어떻게 될까?  숫자 10과 20이 아닌

문자열 10과 20을 더한 값이므로 의도와는 다른  1020이라는 값이 반환된다.

 

타입스크립트를 이용하여 타입을 지정하면 이와 같은 의도하지 않은 에러를 방지할 수 있다.

 

 

   2)  코드 자동 완성과  가이드

 

Visual Studio Code - Code Editing. Redefined

 

타입스크립트의 또다른 장점은  코드를 작성할 때  개발 툴의 기능을 최대로 활용할 수 있다는 것이다 프런트엔드 개발을 할 때 가장 많이 사용되는 Visual Studio Code는 툴의 내부가 타입스크립트로 작성되어 있어 타입스크립트 개발에 최적화 되어 있다.