PracticeEveryday

TypeScript 본문

JavaScript/TypeScript

TypeScript

kimddakki 2022. 4. 30. 20:39
TypeScript (타입스크립트)

타입스크립트는 MS에서 개발하고 관리하는 오픈소스 프로그래밍 언어이다.
타입스크립트란 자바스크립트에 타입을 부여한 언어입니다.  // 자바스크립트의 확장된 언어라고 볼 수 있다.

타입스크립트의 장점

1. 정적 타입 언어(static type language)    static: 고정된

 => 사전에 에러를 방지할 수 있다.

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

add(10, 20)
add(10, "10")
add("a", "b")

// 이런 거 다 가능

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

// But TS는 안됨!! 무조건 number만 들어와야 함.!!
add(10, 20)
// add(10, "20")  error
// add("a", "b")  error

 

2. 자동 완성과 가이드

이런 식으로 VSCode에서 각 타입(Number, String ....) 에 맞는 메소드를 자동으로 추천해준다!!

 

3. 호환성이 좋다.

 모든 브라우저의 지원을 걱정해야하는 프론트개발자 입장에서는 ES6+을 써도 될지 고민이 많을 것입니다. 하지만 타입스크립트는 컴파일 과정에서 ES6+ 문법들을 ES5(또는 ES3)로 바꿔주기 때문에 Babel의 도움 없이 크로스브라우징 문제를 해결할 수 있습니다. 

 


미약한 단점

1. JavaScript의 상위 집합이다. (SuperSet : 상위 집합)

  => Compile 과정을 거쳐야 한다.   Compile : 엮다.

       컴파일을 해주는 시간이 들기때문에 자바스크립트만 사용했을 때보다 속도에서 차이가 날 수 밖에 없다.

 

2. Type을 일일이 설정해 주어야 하니 코드가 길어진다.

 

그럼에도 불구하고..


 

 

타입스크립트 핸드북

 

joshua1988.github.io

 

'JavaScript > TypeScript' 카테고리의 다른 글

TypeScript  (0) 2022.06.14
TypeScript  (0) 2022.06.10
TypeScript  (0) 2022.06.10
TypeScript  (0) 2022.06.04
TypeScript  (0) 2022.05.01
Comments