[tpyescript] server 구축

🔵 tpyesrcipt 로 server 여는 방법

server 폴더를 만들어 놓고 아래 순서를 따라한다.

🟢 terminal 세팅

npm init -y
npm i express ts-node typescript dotenv nodemon cors
npm i @types/express @types/node @types/cors

추후 next js (port : 3000) 과 연동하기 위해 cors도 설치해준다.

- express : web application 구축 프로세스를 단순화 하는 node.js 용 웹 프레임워크 -> 쉽게 서버를 구성할 수 있게 만든 class 와 라이브러리의 집합체

- dotenv : .env 파일에서 application 으로 환경 변수를 로드할 수 있게 해주는 패키지. 데이터베이스 자격 증명 및 API 키와 같은 민감한 정보를 코드에서 쉽게 유지할 수 있게 해준다.

- nodemon : 코드 변경을 자동으로 모니터링 하고 변경 시 자동으로 다시 시작해주는 도구. 수동으로 서버를 껐다 다시 시작하는 수고를 덜 수 있다.

 

🟠 index.ts 생성 (server 메인 파일)

import express, { Request, Response } from "express";
import cors from "cors";
const app = express();
const port = process.env.PORT || 3000;
app.use(cors());
// Define your Express routes, middleware, and other server configurations here

app.get("/", async (req, res) => {
  console.log("12342424123");
});

// Start the server
app.listen(port, () => {
  console.log("Express server is running on http://localhost:" + port);
});

🟣 실행결과 화면

- nodemon 을 설치할 때 전역으로 설치했을 때

npm i -g nodemon

//실행명령어
nodemon 파일명

- nodemon 을 지역으로 설치했을 때 

npm i nodemon

// 실행명령어
npx nodemon 파일명

(nodemon 이 아니라 다른 라이브러리도 마찬가지이다.)