[TypeScript] 설치 및 환경 설정

⚙️ 설치

npm install -g typescript

⚙️ 버전 확인 (설치 확인)

tsc -v

⚙️ tsconfig 생성

tsc --init

⚙️ tsconfig 설정

다양한 값이 있지만 이번 글에서는 최소한만 적용을 해보겠습니다.

{
  "compilerOptions": {
    "outDir": "dist",
    "target": "es6",
    "module": "commonjs"
  }
}

⌨️ 실습 : 컴파일 해보기

ts 파일을 생성하고 tsc 명령어를 통해 컴파일을 진행합니다.

컴파일을 진행하면 ts 파일을 js파일로 변환합니다.

이때 컴파일은 tsconfig에서 설정한대로 진행됩니다.

 

index.ts 

let a: number = 1234;
console.log(a);

 

컴파일 실행 명령어

tsc

⭐ 결과 

컴파일 실행 전 파일들

컴파일 실행 후 파일들

tsconfig에서 설정한 대로 dist 라는 폴더가 생성었습니다.

그 내부에 index.js로 변환된 파일이 생성되었습니다.

 

index.js

let a = 1234;
console.log(a);

 

let a: number = 1234 코드가 let a = 1234 로 변환된 것을 확인할 수 있습니다.

 

🛠️ 용어 사전

• 컴파일 : 프로그래밍 언어로 작성된 소스코드를 기계어로 변환하는 과정
  일반적으로는 "개발자가 작성한 소스코드를 실행가능한 형태로 변환하는 것" 이라고 사용합니다.