TypeScript 초기 셋팅

SSAD·2023년 2월 18일
0

BackEnd

목록 보기
31/44
post-thumbnail
post-custom-banner

수동으로 타입스크립트 프로젝트 설정

1. package.json

yarn init

2. devDependencies에 타입스크립트 추가

yarn add -D typescript

3. tsconfig.json 설정

  • 타입스크립트를 실행해서 자바스크립트 파일을 받아야함
touch tsconfig.json

타입스크립트에게 어디에 타입 스크립트 파일이 위치하는지 알려주는 이정표

{
  "include": ["src"],
}

컴파일 옵션 outDir : 자바스크립트 파일을 어디에 만들지

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "build"
  }
}

컴파일 옵션 target : 자바스크립트 버전 지정하기

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "build",
    "target": "es2017"
  }
}

컴파일 옵션 lib : 타입스크립트가 API 타입 인식시키는 과정

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "build",
    "target": "es2017",
    "lib": ["ES2017", "DOM"]
  }
}

4. ts-node 설치

yarn add -D ts-node
  • 빌드 없이 타입스크립트 실행

package.json

{
  "name": "",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "build": "tsc",
    "dev": "nodemon --exec ts-node src/index.ts",
    "start": "node build/index.js"
  },
  "devDependencies": {
    "ts-node": "^10.9.1",
    "typescript": "^4.9.5"
  },
  "dependencies": {
    "nodemon": "^2.0.20"
  }
}

5. DefinitelyTyped

  • 오직 타입 정의로만 이루어져있음
  • npm에 존재하는 거의 모든 패키지
  • 여러 개발자들이 NodeJS 모듈의 타입을 작성함
  • 그냥 가져다가 사용할수 있음

Nodejs를 위한 타입 전부 설치하기

yarn add -D @types/node
profile
learn !
post-custom-banner

0개의 댓글