express+typescript 기본 세팅하기1

이번 글에선 node+express+typescript를 이용한 기본세팅 방법에 대해 알아보겠습니다.

 

우선 백엔드 개발을 하기위한 폴더를 먼저 만들어줍시다.

저는 server라는 폴더를 만들어 그 안에서 백엔드 개발을 진행하겠습니다.

 

폴더 만들고 폴더로 이동하기

mkdir server
cd server

 

1. package.json만들기

npm init -y

 

2. 라이브러리 설치하기

npm install --save express
npm install --save-dev typescript ts-node @types/node @types/express

 

3. tsconfig.json만들기

npx tsc --init

 

4. tsconfig.json수정

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "./dist",
    "rootDir": "./",
    "baseUrl": "./",
    "esModuleInterop": true
  }
}

 

5. src/server.ts 파일 만들기

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

const app = express();

app.get('/', (req: Request, res: Response) => {
  res.send('Application works!');
});

app.listen(3000, () => {
  console.log('Application started on port 3000!');
});

 

6. package.json 수정

"scripts": {
  "start": "ts-node ./src/server.ts",
  "start:prod": "npm run build && node ./dist/src/server.js",
  "build": "npx tsc"
},

위 script를 추가해 줍니다.

 

파일 목록

package.json

tscconfig.json

src/server.ts

yarn start 실행

 

다음 글에선 작성한 코드에 대해 하나씩 설명드리겠습니다.