본문 바로가기
TypeScript

TS 쓰는 이유??

by 쾌횽 2022. 7. 25.
반응형

TS란?

타입스크립트란 자바스크립트에 타입을 부여한 언어이다.

자바스크립트와는 달리 브라우저 실행을 위해서는 파일을 한번 변환해 주어야 하는데 이런 변환 과정을 컴파일(Compile)이라고 부른다.

 

TS 특징

- 정적타입 언어

C#과 Java와 같은 체계적이고 정제된 언어들에서 사용하는 강한 타입 시스템은 높은 가독성과 모드 품질 등을 제공할 수 있고 런타임이 아닌 컴파일 환경에서 에러가 발생해 치명적인 오류를 쉽게 잡아낼 수 있다.

 

반면 자바스크립트느 동적 언어로, 자바스크립트 변수는 문자열, 숫자, 불린 등 여러 타입의 값을 가질 수 있다.

 이러한 동적 언어는 비교적 유연하게 개발할 수 있는 환경을 제공하는 한편 런타임 환경에서 쉽게 에러기 발생하기 때문에 규모가 큰 프로젝트에서 에러를 찾기 어렵고 유지 보수 하는데도 어려움이 있다.

 

이러한 동적인 자바스크립트가 아닌 정적인 타입스크립트를 사용하므로써 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래 걸린다는 단점이 있다.

 

- 자바스크립트의 슈퍼셋(Superset) 

자바스크립트는 기본 문법에 타입스크립트의 문법을 추가한 언어이다.

따라서 유효한 자바스크립트로 작성한 코드는 확장자를 .js에서 .ts로 변경하고 타입스크립트로 컴파일해 변환 할 수 있다.

 

- 객체 지향 프로그래밍 지원

타입스크립트는 ES6에서 새롭게 사용된 문법을 포함하고 있으며 클래스, 인터페이스, 상속, 모듈 등과 같은 객체 지향 프로그래밍 패턴을 제공한다.

 

TS의 사용이유

  • Type Error를 통한 런타임 에러 방지.
  • 변수 뿐만 아니라 데이터의 타입까지 알 수 있게 해준다. 그래서 코드 작성이 쉽고 직관적으로 만들 수 있다.
  • 메모리 절약
    - 타입의 유무로 메모리 사용량이 달라지기때문에 메모리를 절약할 수 있다. 
    • 크로스 브라우징(브라우저 호환성) 문제해결
      - 타입스크립트는 컴파일 과정에서 ES6+ 문법들을 ES5(또는 ES3)로 바꿔주기 때문에 Babel의 도움없이 구브라우저에도 대응 가능하다.

 

 

 


참고자료

반응형

'TypeScript' 카테고리의 다른 글

Typescript 기본 타입  (0) 2024.03.04

댓글