TIR: 타입스크립트 프로그래밍 (2) 타입스크립트 설치 및 실행- 220808

Lumpen·2022년 8월 8일
0

TIR

목록 보기
25/40

코드 편집기

저자는 vscode를 선호한다고 함
아톰, 빔, 웹스톰 등..

TSC도 타입스크립트로 구현된 명령행 도구이므로 TSC를 실행하려면 node.js가 필요하다

node.js는 프로젝트 의존성이나 빌드를 관리하는 패키지 관리자 npm을 포함한다

npm을 이용해 tsc와 tslint(타입스크립트 린터)를 설치

타입스크립트 설치

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

tsconfig.json

모든 타입스크립트 프로젝트는 루트 디렉토리에 tsconfig.json이라는 파일이 존재해야 한다
tsconfig.json v파일은 어떤 파일을 컴파일하고, 어떤 자바스크립트 버전으로 방출하는지 정의

루트 디렉토리에 tsconfig.json 파일 만들고

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

입력

다음과 같이 타입스크립트 내장 명령을 사용해서 만들 수도 있다

./node_modules/.bin/tsc -- init
옵션설명
includetsc가 타입스크립트 파일을 찾을 디렉토리
libtsc가 코드 실행 환경에서 이용할 수 있다고 가정하는 API
moduletsc가 코드를 컴파일할 대상 모듈 시스템
outDir생성된 자바스크립트 코드를 출력할 디렉토리
strict유효하지 않은 코드를 확인할 때, 엄격모드 적용
targettsc가 컴파일할 자바스크립트 버전

tslint

보통 프로젝트는 tslint를 정의하는 tslint.json 파일을 포함한다
린터는 선택 사항이지만 강력히 권장하는..

내장 명령을 통해 기본 설정 파일 만들기

./node_modules/.bin/tslint -init
{
  "defulatSeverity": "error",
  "extends": [
    "tslint: recommended"
  ],
  "rules": {
    "semicolon": false,
    "trailing-comma": false
  }
}

저자의 tslint 스타일

rules에 지정 가능한 규칙은 TSlint 문서에 정의되어 있다

index.ts

루트 디렉토리/src 하위에 index.ts 파일 생성

tsc로 타입 스크립트 컴파일

./node_modules/.bin/tsc

node로 코드 실행

node ./dist/index.js
ts-node 를 설치하면 명령 한 번으로 타입스크립트를 컴파일하고 실행할 수 있다
typescript-node-starter 같은 scafolding 도구를 이용해 
빠르게 디렉토리 구조를 생성할 수도 있다
profile
떠돌이 생활을 하는. 실업자는 아니지만, 부랑 생활을 하는

0개의 댓글