NodeJs + express + typesciprt 조합의 백엔드 구축을 위한 포스팅입니다.

 

## 🛠 NodeJs, Express, Typescript 환경 구축
먼저 프로젝트를 진행할 폴더를 생성한 후 packages.json을 생성합니다.
```
npm init
```

 

다음으로 express, typescript 사용을 위한 설치를 진행합니다.
```
npm i express
npm i -D typescript ts-node nodemon @types/express
```

 

설치를 완료한 후에는 Typescript 컴파일 옵션을 설정하는 tsconfig.json을 생성합니다.
```
npx tsc --init
```

 

커맨드를 입력하면 **tsconfig.json** 파일이 생성됩니다.
기본적으로 설정된 세팅이 되어 있는데 이외에 필요한 세팅은 자유롭게 해줍니다.
> tsconfig.json
```
{
 "compilerOptions": {
 "incremental": true,
 "target": "es2020",
 "module": "commonjs",
 "allowJs": true,
 "checkJs": true,
 "declaration": true,
 "sourceMap": true,
 "outDir": "./dist",
 "removeComments": true,
 "allowSyntheticDefaultImports": true,
 "experimentalDecorators": true,
 "emitDecoratorMetadata": true
 },
 "include": ["src/**/*.ts"],
 "exclude": ["node_modules"]
}
```

 

**tsconfig.json** 파일을 이후에 **packages.json**의 script를 수정합니다.
> packages.json
```
"scripts": {
 "build": "tsc",
 "start": "node ./dist/index.js",
 "dev": "nodemon --watch src/**/*.ts --exec \"ts-node\" src/index.ts"
}
```
개발시에는 `npm run dev` 스크립트를 입력해서 서버를 실행시키면 nodemon, ts-node를 사용하기 때문에 프로젝트 파일이 수정된다고 해도 typescript 환경에서도 자동으로 서버가 재시작합니다.

배포시에는 `npm run build`로 typescript 컴파일 후 `npm run start`로 서버를 실행시키면 되겠습니다.

 

## 🛠 express 서버 세팅

 먼저 express 세팅을 위해 사용할 모듈을 설치합니다.
```
npm i helmet morgan 
```
helmet은 http헤더 설정을 바꿔주는 보안 모듈이고 morgan은 자동으로 로그를 남겨주는 모듈입니다.

 
설치를 완료했으면 프로젝트 폴더에 src 폴더 생성 후 index.ts 파일을 생성합니다.
> src/index.ts
```js
import * as express from "express";

const app = express();
const PORT = 3001;

// express 세팅
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
app.use(morgan("dev"));
app.use(helmet());

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

// 서버 실행
app.listen(PORT, () => {
 console.log(`app listening on port ${PORT}`)
})
```

이후 http://localhost:3001에 get 요청을 보내서 'hello world!' 라는 응답이 온다면 기본 세팅이 정상적으로 완료된 것입니다.

NodeJs + express + typesciprt 조합의 백엔드 구축을 위한 포스팅입니다.

 

## 🛠 NodeJs, Express, Typescript 환경 구축
먼저 프로젝트를 진행할 폴

NodeJs, Express, Typescript 환경에서 백엔드 구축하기