[typescript] Express.js와 함께 사용하는 타입스크립트 프로젝트 예시

14 Dec 2023

typescript

Express.js는 Node.js 웹 애플리케이션을 위한 강력한 프레임워크로, 타입스크립트와 함께 사용하면 더욱 효과적으로 웹 애플리케이션을 개발할 수 있습니다. 이번 블로그에서는 Express.js와 타입스크립트를 함께 사용하는 간단한 예시 프로젝트를 살펴보겠습니다.

프로젝트 설정

먼저, 타입스크립트를 사용하기 위한 프로젝트를 설정해야 합니다. 프로젝트 폴더를 생성한 후, 다음 명령을 사용하여 package.json 파일을 생성합니다.

npm init -y

그런 다음, 타입스크립트와 Express.js를 설치합니다.

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

타입스크립트 설정

타입스크립트 설정을 위해 tsconfig.json 파일을 프로젝트 폴더에 생성합니다.

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true
  }
}

Express.js 애플리케이션 작성

이제 app.ts 파일을 생성하고 다음과 같이 Express.js 애플리케이션을 작성합니다.

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

const app = express();

app.get('/', (req: Request, res: Response) => {
  res.send('Hello, Express.js with TypeScript!');
});

const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});

스크립트 작성

마지막으로, package.json 파일에 스크립트를 추가하여 타입스크립트 파일을 컴파일하고 실행해봅시다.

"scripts": {
  "start": "node dist/app.js",
  "dev": "nodemon src/app.ts --exec ts-node"
}

이제 npm run dev 명령을 사용하여 애플리케이션을 실행하고, 브라우저에서 http://localhost:3000 주소로 접속하여 확인해보세요. Express.js와 타입스크립트를 함께 사용하여 웹 애플리케이션을 만드는 것은 매우 간단하며 강력한 도구를 활용할 수 있습니다.

위 예시는 Express.js와 타입스크립트를 함께 사용하여 간단한 웹 애플리케이션을 개발하는 과정을 안내한 것입니다. 더 많은 기능과 실제 프로젝트에는 더 많은 설정이 필요할 수 있지만, 기본적인 설정과 사용법을 학습하는 데에 도움이 될 것입니다.

참조:

Express.js 공식 문서: https://expressjs.com/
타입스크립트 공식 문서: https://www.typescriptlang.org/
Node.js 공식 문서: https://nodejs.org/
TypeScript and Express.js Example: https://wanago.io/2018/12/03/typescript-express-tutorial-routing-controllers-middleware/