[TypeScript]프로젝트 생성

01 개요

본 문서에서는 타입스크립트로 프로젝트를 생성하고 관리하기 위한 사항들을 다룬다.

최종수정일 : 2023.07.31

---

02 프로젝트 초기화

npm init
npm install --save-dev typescript tslint @types/node

npm install 명령에서 각각 TSC(TypeScript Compiler), tslint(TS + Lint:문법 및 코드컨벤션 검사), NodeJS용 타입을 설치한다

03 프로젝트 환경설정

03.01 tsconfig.json

타입스크립트 프로젝트의 루트 디렉터리에 존재하며, 어떤 파일을 컴파일하고 어떤 자바스크립트 버전으로 방출하는지 정의한다.

{
	"compilerOptions": {
		"lib": ["es6", "dom"],
		"module": "commonjs",
		"outDir": "dist",
		"sourceMap": true,
		"strict": true,
		"target": "es2015"
	},
	"include": [
		"src"
	]
}

//이 외에도 다양한 옵션이 추가될 수 있음.

옵션	설명
include	TSC가 타입스크립트 파일을 찾을 디렉터리
lib	TSC가 코드 실행 환경에서 이용할 수 있다고 가정하는 API(ES5의 function.prototyper.bind, ES2015의 Object.assign, DOM의 document.querySelector 등)
module	TSC가 코드를 컴파일할 대상 모듈 시스템(CommonJS, SystemJS, ES2015 등)
outDir	생성된 자바스크립트 코드를 출력할 디렉터리
strict	유효하지 않은 코드를 확인할 때 엄격한 검사 적용
target	TSC가 코드를 컴파일 할 자바스크립트 버전(ES3, ES5, ES2015, ES2016 등)

03.02 tslint.json

./node_modules/.bin/tslint --init

위 명령을 이용하여 기본값으로 채워진 tslint.json 파일을 만들 수 있다.

---

04 컴파일

./node_modules/.bin/tsc [--help]