[타입스크립트] 타입스크립트 시작하기 - 1

타입스크립트 시작하기

 

1. 타입스크립트란?

 

타입스크립트 / 자바스크립트

 

자바스크립트

- 동적타입언어

- 변수의 타입이 런타임에 결정

- 코드의 양이 적을 때 생산성이 높다.

- Python, PHP

 

타입스크립트

- 정적타입언어

- 자바스크립트의 모든 기능을 지원하면서 정적 타입 또한 지원

- 변수의 타입이 컴파일 타임에 결정

- 코드의 양이 많을 때 생산성이 높다.

- Java, C++

 

2. 타입스크립트 설치부터 컴파일까지

타입스크립트 설치하기

 

1. 우선 node.js를 설치한다.

2. 폴더에 npm init -y 하여 package.json 파일을 생성한다.

3. npm install typescript를 입력하여 타입스크립트를 설치한다. 

4. npx tsc --init 을 입력하여 tsconfig.json 이라는 타입스크립트 설정 파일을 생성한다.

 

 

컴파일 하기

 

1. .ts 파일을 하나 만들어 적당히 코드를 입력하고 npx tsc를 터미널에 입력한다.

2. .ts 파일 상단에 동일한 형태의 .js 코드가 생성된다.

 

 

 

패키지 설치하기

 

1. npm install lodash를 입력한다.

2. 만약 타입 정의 파일이 들어있지 않으면 npm install @types/lodash로 설치를 한다.

 

 

타입스크립트 실행

 

- node.js로 실행하기

- 익스텐션으로 실행하기

 

1. 익스텐션에서 code-runner를 검색해 설치한다.

2. ts-node를 아래와 같이 설치한다.

3. ctrl+, 또는 command+,를 눌러 설정을 연다.

4. executorMap을 입력해 가장 상단 설정 파일을 열어준다.

5. code-runner.executorMap을 찾아 아래와 같이 입력한다.

"typescript" : "node-modules/.bin/ts-node",