타입스크립트 설치 및 설정

1. 타입스크립트 설치

npm i -g typescript

• 실제로 .ts 파일을 컴파일하고, 타입 검사(정적 분석)를 수행해주는 컴파일러이다.
• npm i typescript를 하면, tsc 명령어를 사용할 수 있게 되어 TypeScript 코드를 JavaScript로 변환할 수 있다.

2. Node.js 의 타입 선언 파일 설치

npm i @types/node

• Node.js의 타입 선언(definition) 파일이다.
• Node.js의 내장 모듈(예: fs, http, path 등)에 대한 타입 정보를 담고 있어서, TypeScript 코드에서 Node.js API를 사용할 때 자동 완성과 타입 추론이 가능해진다.
• 예를 들어 import * as fs from 'fs' 할 때, fs 모듈의 메서드 파라미터/리턴 타입이 제공되어 IDE가 정확한 정보를 알려줄 수 있다.
• 참고로 @types/'특정모듈' 과 같은 형태로 해당 패키지의 타입을 설치할 수 있다. (타입스크립트를 제공한다면. 타입스크립트 제공여부는 npm에서 확인이 가능하다.)

3. tsx 설치

npm i -g tsx

tsx는 타입스크립트의 코드를 바로 실행해주는 패키지이다.

예를 들어 아래와 같은 코드가 있다면

console.log('Hello TypeScript');
const a:number = 1;

tsx '실행할 경로의 파일'

터미널에서 위와 같이 출력되는 것을 볼 수 있다.

3. tsc --init

tsc --init

타입스크립트의 설정에 대한 초기화 명령어이다. 이 부분을 수정하므로써 타입스크립트의 관한 설정에 대한 부분을 수정할 수 있다.

4. tsconfig.json 수정

{
	"compilerOptions": {
    	"target": "es2016",
        "moduleDetection": "force",
        "module": "ESNext",
        "outDir": "dist",
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "strict": true,
        "skipLibCheck": true
    },
    "include": ["src"]
}

위의 각각의 자세한 설정은 다음 포스팅에서 ...