Eojin Han

1) 온라인 테스트 2) 로컬에 설치 VScode 설정 node js 설치 타입스크립트 설치 실행하기 방법 1) TS→JS 변환 후 실행 방법 2) ts-node 설치 테스트하기

1) 온라인 테스트

Playground : https://www.typescriptlang.org/play

타입스크립트 공홈에서 제공해주는 playground 활용

TS 테스트 및 JS 코드로 어떻게 변환되는지 확인 가능

2) 로컬에 설치

VScode 설정

⌘ + ,

vscode 설정 창에서 strict null check를 일단 활성화 시키자.

node js 설치

자바스크립트 런타임 환경 제공 및 npm 이용

npm을 이용해서 TS 설치 ㄱㄱ

타입스크립트 설치

공홈 : https://www.typescriptlang.org/download

프로젝트별 TS 설치


# 해당 프로젝트에만 TS설치
$ npm install typescript --save-dev

global 하게 설치


# TS 적응하고 나면 JS로 돌아갈 일이 없으므로 글로벌하게 설치하자
$ npm install -g typescript

실행하기

방법 1) TS→JS 변환 후 실행

일단은 기본으로 제공해주는 트랜스 컴파일러를 써보자.


# TS파일을 JS파일로 변환시켜줌.
$ tsc <파일.ts>

# JS파일이 뽑혔으니, 이제 node 환경에서 실행 가능.
$ node <파일.js>


# TS파일 수정 시마다 자동으로 JS로도 변환하도록 하려면 와치맨 옵션 사용
$ tsc <파일.ts> -w

방법 2) ts-node 설치

프로젝트에서는 이렇게 안쓰지만, 간단하게 빠르게 확인하고 싶을 때에 좋음.

( 당연히 내부적으로는 ts→js 변환 후 node에서 실행함 )


# ts-node 글로벌하게 설치
$ npm install -g ts-node

# ts 파일 노드환경에서 실행
$ ts-node <파일.ts>

테스트하기

tsc arguments : https://www.typescriptlang.org/docs/handbook/compiler-options.html


# --noEmit : Disable emitting files from a compilation.
# --noLib : Disable including any library files, including the default lib.d.ts.
$ tsc --noEmit --noLib

--noEmit을 전달하면 오직 타입검사만 진행하고 컴파일 결과물을 내놓지 않는다.

테스트 환경