[TS] 타입스크립트로 웹앱 구동하는 법

먼저 폴더를 하나 생성해줍니다.

 

 

 

다음은 필요한 서버인 express와 타입스크립트, 타입스크립트 파일을 js로 컴파일 해주는 ts-node를 다운받습니다.

 

tsc --init 명령어로 초기화 시켜주면 tsconfig.json파일이 생기고,

해당 설정을 위와 같이 변경합니다.

 

 

다음은 index.ts파일을 하나 만들어서

import express from "express";

const app = express();

const PORT = 3000;

app.get("/", (_req:any, res:any) => {

  res.send("Hello from Express + TypeScript!");

});

app.listen(PORT, () => {

  console.log(`✅ 서버가 http://localhost:${PORT} 에서 시작되었습니다`);

});

 

다음과 같이 초기 코드를 작성해줍니다.

이제 npm start를 입력해서 서버를 구동하면

 

 

이렇게 서버가 구동되는 모습을 확인할 수 있습니다.