Typescript 특징 정리

Typescript의 특징

 

컴파일 언어, 정적 타입 언어

• 동적타입인 자바스크립트에 반해 타입스크립트는 정적 타입의 컴파일 언어이다.
• 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다.
• 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래 걸린다.

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

자바스크립트의 기본 문법에 타입스크립트의 문법을 추가한 언어이기에 자바스크립트로 작성한 코드에 확장자를 .js에서 .ts로 변경하고 타입스크립트로 컴파일해 변환할 수 있다.

 

객체 지향 프로그래밍 지원
클래스, 인터페이스, 상속, 모듈 등과 같은 객체 지향 프로그래밍 패턴을 제공한다.

 

장점

• 높은 수준의 코드 탐색과 디버깅
• 자바스크립트 호환
• 강력한 생태계 - 대부분의 라이브러리가 TS를 지원함
• 점진적 전환 가능

 

프론트엔드 프레임워크와 타입스크립트

리액트(React)
- 리액트 공식 홈페이지에서는 타입스크립트를 사용하기 위한 가이드를 제시할 정도로 호환성이 좋다.

- 페이스북에서 공식적으로 배포하는 리액트 웹 개발용 보일러 플레이트인 Create React App은 간단한 옵션 추가만으로 타입스크립트를 사용할 수 있도록 지원한다.

뷰(Vue.js)
- 뷰 2.0에서는 타입스크립트를 사용할 수 있지만 몇몇 라이브러리의 도움을 받아야 하거나 구현 자체가 안 되는 문제도 다수 있다.

- 최근 릴리즈된 뷰 3.0부터는 타입스크립트를 공식 지원한다. 뷰 3.0 CLI(Command Line Interface)는 타입스크립트 도구화 지원을 기본으로 제공한다.

앵귤러(Angular)
- 자바스크립트 기반인 앵귤러 버전 1과 달리 버전 2부터는 타입스크립트 기반으로 만들어졌고 타입스크립트를 권장하고 있다.

 

[참조] https://www.samsungsds.com/kr/insights/TypeScript.html