Express with Typescript 시작하기 (매우쉬움)

시작전

노드가 있나요?

node -v

 

타입스크립트가 깔려있나요?

npm install -g typescript

 

가보자고!

package.json 을 생성해줍시다.

npm init

기본적으로 express랑 typescript 랑 쓸꺼구요 @types ts-node 타입스크립트때문에 쓰는 모듈 추가해줍니다. 

npm i express 

npm i -D typescript ts-node @types/node @types/express

 

그리고 타입스크립트 설정

npx tsc --init

tsconfig.json 파일이 생성되구요 

안에 ts쓸때 규칙들이 있습니다. 

안보시겠지만 이런거 공부하시면 매우 좋습니다. 

 

폴더 두개만 만들게요

src/

ts파일 넣을거구요

dist/

빌드된 js파일 넣을거구요 

 

시작

npm i -D nodemon

이녀석이 ts파일이 변환되었을때 알아서 서버를 재시작해줄겁니다

서버킬명령어 설정해줍시다

package.json 으로 꼬우

 "scripts": {
    "dev": "nodemon src/app.ts"
  },

 

app.ts 파일을 src/안에 만듭니다.

import express, { Application, Request, Response } from 'express'

const app: Application = express()

const port: number = 3001

app.get('/toto', (req: Request, res: Response) => {
    res.send('Hello toto')
})

app.listen(port, function () {
    console.log(`App is listening on port ${port} !`)
})

 

서버 시작

npm run dev
// app crash 가 뜰때가 있는데 node 문제라고 합니다. yarn dev 로 실행하셔도 됩니다.

 

 

끘!