[TypeScript] 타입스크립트란?

자바스크립트에 타입이 추가된 개념?

• 자바 스크립트에 타입을 추가하여 자바스크립트를 확장 시킨다.
• 실행 전 자바스크립트를 해석함으로 사용자의 소스를 수정하는 시간을 절약할 수 있다.
• 모든 브라우저, 운영체제, 자바스크립트 실행 환경에서 제공하는 오픈소스이다.
  
  

TypeScript = Language

 

• 자바스크립트에 있는 기능을 강화시키고 타입이라는 개념이 추가
• 순수한 자바스크림트로 컴파일 (ts -> js)
• 타입스크립트는 'Programming Language 언어'
• 타입 스크립트는 'compiled Language'
  1. 전통적인 Compiled Language와는 다른 점이 많음
  2. 'Transpile'이라는 용어를 사용하기도 함

 

※ 자바스크립트는 'Interpreted language' 

 

 

Compiled  vs  Interpreted

컴파일이 필요함	컴파일이 필요하지 않음
컴파일러가 필요함	컴파일러가 필요하지 않음
컴파일하는 시점함	컴파일하는 시점하지 않음
컴파일된 결과물을 실행	코드를 실행하는 시점
컴파일된 결과물을 실행하는 시점	코드를 실행하는 시점 = 런타임

타입스크립트 프로젝트 설정

 

// 프로젝트 생성
mkdir tsc-project
cd tsc-project

// package.json 파일 생성
npm init -y

// 타입스크립트는 런타임에서 필요하지 않음으로 -D를 붙인다.
npm i typescript -D

// tsconfig.json 파일 생성
npx tsc -init

package.json

npm 환경에서 프로젝트에서 필요한 패키지들을 관리

 

typeScript

프로젝트 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정