라우팅 및 기본 페이지 설정

1. 라우팅 설정

1. 라우트 폴더 구조 프로젝트의 src/routes 폴더에 라우트 파일 생성

src/
├── routes/
│   ├── index.ts
│   ├── about.ts
└── app.ts

2. 라우트 파일 작성

• src/routes/index.ts:

import { Router, Request, Response } from 'express';
const router = Router();

router.get('/', (req: Request, res: Response) => {
    res.send('Welcome to the Homepage!');
});

export default router;

• src/routes/about.ts:

import { Router, Request, Response } from 'express';
const router = Router();

router.get('/about', (req: Request, res: Response) => {
    res.send('About Us Page');
});

export default router;

3. 라우트를 메인 서버에 연결

• src/app.ts 수정

import express from 'express';
import indexRoutes from './routes/index';
import aboutRoutes from './routes/about';

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

// 라우트 설정
app.use('/', indexRoutes);
app.use('/', aboutRoutes);

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

2. 테스트 실행

1. 서버 실행

npm run dev

2. 브라우저를 통해 페이지 확인

• http://localhost:3000/ → "Welcome to the Homepage!"
• http://localhost:3000/about → "About Us Page"