TypeScript 을 사용해 Express , Node.js 세팅

TypeScript

TypeScript 란 마이크로소프트에서 개발한 오픈소스 프로그래밍 언어다 . 자신이 원하는 Type을 정의하고 프로그래밍을 하면 JavaScript로 컴파일 되어 실행할 수 있다.

Setting

먼저 TypeScript를 install 해야 한다. 아래와 같이 npm을 사용해 install 한다.

$ npm install -g typescript

프로젝트 생성하기

프로젝트 폴더를 만들고 npm init 을 사용해 package.json 을 생성한다.

$ mkdir typescript-project
$ cd typescript-project
$ npm init

TypeScript 컴파일은 tsc 라는 명령어를 사용한다.

$ tsc --init

위와 같이 명령어를 입력하면 tsconfig.json 이라는 파일이 생성되는데 이것은 이 프로젝트가 TypeScript 프로젝트의 루트임을 나타낸다. tsconfig.json 파일은 프로젝트를 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정한다.

{
  “compilerOptions”: {
    “target”: “es5”
    “module”: “commonjs”
    “strict”: true
    “esModuleInterop”: true
  }
}

처음 생성된 tsconfig.json 파일은 몇개 빼고 전부 주석처리 되어있다. 여기서 주석처리 되어있는 것을 어떻게 사용하냐 에 달라진다

{
  “compilerOptions”: {
    "lib": ["es5", "es6"],
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "outDir": "./build",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true
  },
  "exclude" : [ ],
  "include" : [ ]
}

“soucrMap” 을 true 로 설정 , “moduleResolution” : “node” 로 설정해준다. 그리고 exclude , include 는 typescript로 컴파일할때 파일을 필터링 한다.

package.json으로 가서 script를 설정해줘야한다. 먼저 nodemon과 ts-node를 install 한다.

$ npm install --save-dev nodemon ts-node 

설치를 하고 package.json의 script를 아래와같이 설정해준다.

“scripts”: {
  “start”: “nodemon — exec ts-node src/index.ts”
 }

이제 기본적인 설정은 다 끝났다.

사용하기

먼저 아래와 같이 express를 설치한다.

$ npm install @types/express

index.ts 파일을 만들고 아래와 같은 코드를 입력한다.

import * as express from "express"
class App {
  public application : express.Application;
  constructor(){
    this.application = express();
  }
}
const app = new App().application;
app.get("/",(req : express.Request , res : express.Response) =>{
  res.send("start");
})
app.listen(4000,()=>console.log("start"));

그리고 npm start 를 하면 바로 실행이 된다.!!