1. Express 설치 및 설정

🙄Express란?

Node.js는 기본적으로 서버 기능을 제공하지만, 애플리케이션을 개발할 때 개발자가 많은 코드를 직접 작성해야 하고 라우팅과 미들웨어 같은 기능을 직접 구현해야 한다. Express는 이러한 기능을 기본적으로 제공하여 개발 과정을 단순화하고 생산성을 높여주는 프레임워크이다.

✅Express 설치

1. 프로젝트를 진행할 폴더를 만든다.

2. 해당 폴더 경로로 진입하여 아래 명령어로 Express를 설치한다.

npm install express

3. 배포용으로 쓰일 패키지임을 명시하는package.json 파일 내 dependency에 자동으로 express 항목에 버전이 명시되는지 확인한다.
   
   
   
   
   

2.Typescript 관련 패키지 설치 및 설정

✅Typescript 관련 패키지 설치

1. TypeScript 관련 패키지를 아래 명령어로 추가로 설치한다.

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

• typescript: TypeScript 컴파일러
• @types/node, @types/express: Node.js와 Express의 TypeScript 타입 정의 파일
• ts-node: TypeScript 파일을 직접 실행할 수 있게 해주는 모듈

2. 아래 명령어로 타입스크립트 설정 파일 (tsconfig.json )을 생성해준다.

npx tsc --init

3. nodemon 설치

🙄nodemon이란?

기본적으로 Node.js는 앱을 개발하는 동안 코드를 수정할 때마다 직접 서버를 종료하고 다시 실행해야 하는 번거로움이 있는데, nodemon은 코드에 변경이 생기면 애플리케이션을 자동으로 다시 시작해주는 기능을 제공하여 번거로움을 덜어준다.

✅nodemon 설치

1. 아래 명령어로 nodemon을 설치한다

npm install nodemon

2. 웹 서버 파일을 만든다

app.ts

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

const app = express();

app.get("/", (req: Request, res: Response): void => {
  res.send("hello world");
});

app.listen(8080, () => console.log("8080번 포트 "));

3. package.json에서 실행 명령어를 설정한다
   

4. 터미널에 npm run dev 명령어로 서버 실행 후 http://localhost:8080 으로 접속해보자.