[Typescript] Typescript란?

💡 개요
Microsoft에서 개발하고 유지/관리하는 Apache 라이센스가 부여된 오픈 소스

💡 사용하는 이유

• C#, Java와 같은 언어들에서 사용하는 강한 타입 시스템은 높은 가독성과 코드 품질 등을 제공할 수 있고
  런타임이 아닌 컴파일 환경에서 에러가 발생해 치명적인 오류들을 더욱 더 쉽게 잡아낼 수 있었음
• 반면 자바스크립트는 타입 시스템이 없는 동적 프로그래밍 언어
• 자바스크립트 변수는 문자열, 숫자, 불린 등 여러 타입의 값을 가질 수 있음
• 이를 약한 타입 언어라고 표현할 수 있으며 비교적 유연하게 개발할 수 있는 환경을 제공하지만, 런타임 환경에서 쉽게 에러가 발생할 수 있는 단점을 가짐
• 타입스크립트는 이러한 자바스크립트에 강한 타입 시스템을 적용해
• 대부분의 에러를 컴파일 환경에서 코드를 입력하는 동안 체크 가능
  

 

타입스크립트의 기능

• 크로스 플랫폼 지원: 자바스크립트가 실행되는 모든 플랫폼에서 사용할 수 있음
• 객체 지향 언어: 클래스, 인터페이스, 모듈 등의 강력한 기능을 제공하며, 순수한 객체 지향 코드를 작성할 수 있음
• 정적 타입: 정적 타입을 사용하기 때문에 코드를 입력하는 동안에 오류를 체크할 수 있음.(단 에디터 혹은 플러그인의 도움의 필요)
• DOM 제어: 자바스크립트와 같이 DOM을 제어해 요소를 추가하거나 삭제할 수 있음
• 최신 ECMAScript 기능 지원: ES6 이상의 최신 자바스크립트 문법을 손쉽게 지원할 수 있음

장점

• 추가 타입을 이용하여 명시적이고 예상치 못한 많은 에러를 피할 수 있음
• 타입스크립트만 이해할 수 있는 특정한 기능들을 추가함

단점

• 브라우저는 타입스크립트를 실행할 수 없음
• 자바스크립트를 실행할 수 있는 환경에서는 타입스크립트가 지원되지 않음

사용 방법

• 자바스크립트가 .js 확장자를 가진 파일로 작성되는 것과 같이 타입스크립트는 .ts 확장자를 가진 파일로 작성할 수 있고, 작성 후 타입스크립트 컴파일러를 통해 자바스크립트 파일로 컴파일하여 사용함
• (타입스크립트는 프로그래밍언어면서 도구이기도 함. 즉, 코드를 실행하여 타입스크립트 코드를 자바스크립트로 컴파일하는 컴파일러)
• tsc 명령어를 사용하여 폴더 경로 선택 후 tsc 파일명.ts 하면 자동으로 컴파일

개발 환경

VSCode와 WebStorm

• VSCode(Visual Studio Code)와 WebStorm은 타입스크립트 지원 기능이 내장되어 있기 때문에 별도의 설정 없이도
• 타입스크립트 파일을(.ts, tsconfig.json 등) 인식할 수 있고 코드 검사, 빠른 수정, 실행 및 디버깅 등의 다양한 기능을 바로 사용할 수 있음
• 단, 컴파일러는 포함되어 있지 않기 때문에 별도로 설치해야 함.(E.g. npm install typescript)

설치

• tsc 명령을 사용하기 위해 타입스크립트를 전역 설치할 수 있음

$ npm install -g typescript
$ tsc --version
$ tsc ./src/index.ts