🎯 라우팅을 통해 파일을 분리하고, 각 api가 연결될 수 있도록 userId를 활용합니다.

📙 Today I Learned

실습 파일 분리

라우팅(Routing) 이란?
클라이언트 요청을 처리할 적절한 경로를 찾아 응답을 반환하는 것입니다.

프로젝트 구조

📂project-root
  ├── 📂routes
  │     ├── 📄users.js
  │     ├── 📄channels.js
  ├── 📄app.js
  ├── 📄package.json

🤔 왜 파일을 분리할까?

• 코드의 가독성
• 유지보수 용이
• 확장성

app.js

const express = require('express');
const app = express();

app.listen(7777);

const userRouter = require('./routes/users');
const channelRouter = require('./routes/channels');

app.use('/', userRouter);
app.use('/channels', channelRouter);

• app.use('/', userRouter); → / 경로 이하에서 users.js의 라우트를 사용합니다.

• app.use('/channels', channelRouter); → /channels 이하에서 channels.js의 라우트를 사용합니다.

routes/users.js

const express = require('express');
const router = express.Router();

router.use(express.json());

let db = new Map();

router.post('/join', ...)
            
router.post('/login', ...)

router
  .route('/users')
  .get(...)
  .delete(...)
  
  
module.exports = router;

• express.Router(); 로 객체를 생성한 후 라우터를 내보낼 수 있게 합니다.

routes/channels.js

const express = require('express');
const router = express.Router();

router.use(express.json());

let db = new Map();
let id = 1;

router
  .route('/')
  .post(....)
  .get(...);

router
  .route('/:id')
  .get(...)
  .put(...);
  
  
module.exports = router;

• express.Router(); 로 객체를 생성한 후 라우터를 내보낼 수 있게 합니다.

---

채널 API 설계

• 채널 생성 : POST /channels

  • request : body ( channelTitle, userId )
    cf. userId는 원래 헤더에서 받아야 하지만, 우선은 요청 바디에서 함께 전달받도록 구현합니다.

  • response : 201 Created ${channelTitle}님 채널을 응원합니다. -> 채널 관리 페이지

• 채널 수정 : PUT /channels/:id

  • request: URL (id), body(channelTitle)

  • response : 200 Ok 채널명이 성공적으로 수정되었습니다. 기존${} => 수정 ${}

• 채널 개별 삭제 : DELETE /channels/:id

  • request: URL(id)

  • response : 200 Ok 삭제 되었습니다. => 메인 페이지

• 채널 전체 조회 : GET /channels

  • request: body(userId)

  • response : 200 Ok 채널 전체 데이터 list, json array

• 채널 개별 조회 : GET /channels/:id

  • request: URL(id)

  • response : 채널 개별 데이터

---

회원 API 설계

• 로그인 : POST /login

  • request: body(userId, pwd)

  • response: ${name}님 환영합니다 ⇒ 메인 페이지로 이동

• 회원 가입 : POST /join

  • request: body(userId, pwd, name)

  • response: ${name}님 환영합니다 ⇒ 로그인 페이지로 이동

• 회원 개별 조회 : GET /users

  • request: body(userId)
    cf. userId는 원래 헤더에서 받아야 하지만, 우선은 요청 바디에서 함께 전달받도록 구현합니다.

  • response: id, name

• 회원 개별 탈퇴 : DELETE /users

  • request: body(userId)
    cf. userId는 원래 헤더에서 받아야 하지만, 우선은 요청 바디에서 함께 전달받도록 구현합니다.

  • response: ${name}님 다음에 또 뵙겠습니다. ⇒ 메인 페이지로 이동

---

✏️ 한 줄 회고

express 라우팅 방법을 배워서 파일들이 깔끔하게 분리된 거 같아서 깔끔해진 것 같아 기분이 좋았습니다!