Express.js_typescript로 시작하는 방법

npm i express
npm i @types/express -D

타입스크립트 사용하기 위해 Dev dependency 옵션으로 @types/express도 함께 설치해준다. 

 

// Javascript
const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

Express 어플리케이션의 기본 템플릿이다. 하지만 이는 Javascript 기반으로 되어있다. Typescript로 표현하면 어떻게 할 수 있을까?

// Typescript
import * as express from 'express';

const app: express.Express = express();
const port: number = 8000;

// Router
app.get('/', (req: express.Request, res: express.Response) => {
  res.send('Hello World!');
});

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`);
});

port, req, res에 타입을 설정해주었다. require을 import로 바꿔줄 수도 있다.