My Agora states server

 

 

 

 

📌 My Agora states server

 

 

📖 학습 목표

 

 

 

전의 학습한 statesAirline Server를 구현해보셨다면 어렵지 않습니다!

airline 코드를 보면서 구현해 봅시당

 

StatesAirline Server

 

 

📣

서버를 처음 실행 시키면 미들웨어 셋팅 부분이 동작

그후 '주소/'를 들어가게 되면 라우트 부분이 실행되고 다시 요청을 기다림

주소/가 아닌 경우 다른 주소로 들어가면 라우트 실행 x 에러처리 동작

 

 

1. 미들웨어 셋팅 부분이 동작

 

airline / app.js

 

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

// 모든 서버는 요청을 받을수 있는 포트 번호를 필요로 합니다.

// HTTP server의 표준 포트는 보통 80 번 이지만, 보통 다른 서버에서 사용중이기 때문에 접근할 수 없습니다.
// 따라서 우리는 보통 테스트 서버 포트로 3000, 8080, 1337 등을 활용합니다.

// PORT는 아파트의 호수와도 같습니다. 서버로 요청을 받기 위해서는 다음과 같이 포트 번호를 설정 합니다.
// (* 때에 따라 다른 포트번호를 열고 싶다면, 환경 변수를 활용 하기도 합니다.)
const port = 3001;

const flightRouter = require('./router/flightRouter');
const bookRouter = require('./router/bookRouter');
const airportRouter = require('./router/airportRouter');

app.use(cors());
app.use(express.json());

app.use('/flight', flightRouter);
app.use('/book', bookRouter);
app.use('/airport', airportRouter);

app.get('/', (req, res) => {
  res.status(200).send('Welcome, States Airline!');
});

app.use((req, res, next) => {
  res.status(404).send('Not Found!');
});

app.use((err, req, res, next) => {
  console.error(err.stack);
  res.status(500).send({
    message: 'Internal Server Error',
    stacktrace: err.toString()
  });
});

app.listen(port, () => {
  console.log(`[RUN] StatesAirline Server... | http://localhost:${port}`);
});

module.exports = app;

 

app.js

 

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

const cors = require('cors');
const morgan = require('morgan');

// morgan 미들웨어가 세팅되어 있습니다.
// HTTP 요청 logger를 편리하게 사용할 수 있는 미들웨어 입니다.
app.use(morgan('tiny'));

// TODO: cors를 적용합니다.
app.use(cors());
// TODO: Express 내장 미들웨어인 express.json()을 적용합니다.
app.use(express.json());

const port = 4000;
const discussionsRouter = require('./router/discussions');

// TODO: app.use()를 활용하여 /discussions 경로로 라우팅합니다. 

app.use('/discussions',discussionsRouter);

app.get('/', (req, res) => {
  // 서버 상태 확인을 위해 상태 코드 200과 함께 응답을 보냅니다.
  res.status(200).send('fe-sprint-my-agora-states-server');
});

const server = app.listen(port, () => {
  console.log(`[RUN] My Agora States Server... | http://localhost:${port}`);
});

module.exports.app = app;
module.exports.server = server;

 

 

2. '주소/'를 들어가면 라우트 실행

 

aipalneRouter.js

 

const { findAll } = require('../controller/airportController');
const express = require('express');
const router = express.Router();

router.get('/', findAll);

module.exports = router;

 

discussions.js

 

// TODO: discussions 라우터를 완성합니다.
const { discussionsController } = require('../controller');
const { findAll, findById } = discussionsController;
const express = require('express');
const router = express.Router();

// TODO: 모든 discussions 목록을 조회하는 라우터를 작성합니다.
router.get('/', findAll);

// TODO: :id에 맞는 discussion을 조회하는 라우터를 작성합니다.
router.get('/:id', findById);

module.exports = router;

 

 

 

 

3. controller 기능 구현

 

controller/index.js

 

const { agoraStatesDiscussions } = require("../repository/discussions");
const discussionsData = agoraStatesDiscussions;

const discussionsController = {
  findAll: (req, res) => {
    // TODO: 모든 discussions 목록을 응답합니다.
    return res.status(200).json(discussionsData)
  },

  findById: (req, res) => {
    // TODO: 요청으로 들어온 id와 일치하는 discussion을 응답합니다.
    const { id } = req.params;
    let filterData = discussionsData.filter((discussion) => {
      return discussion.id === Number(id);
    });
    if (filterData.length !== 0) {
      return res.status(200).json(filterData[0]);
    } else {
      return res.status(404).json(filterData);
    }
  },

};

module.exports = {
  discussionsController,
};



 

 

pakage.json보고 서버 실행

 

 

 

 

postman으로 GET요청 해보기

 

 

느낀점

 

반대로 기능 구현을 하고 라우터를 만들어서 엡제에 보여주는 실행과정은 맞지만

우리는 미들웨어를 셋팅하고 라우터를 실행한 뒤 기능구현을 해야하는 과정을 깨달은 것이

정말 어려웠다 기능구현도 어렵지만 이런 흐름을 이해하는데 2~3일 걸린 것 같다,,,

아직도 프론트랑 백이랑 서버 핑퐁이 이뤄지는 과정이 정확하게 이해는 안된다,,,

언제쯤 될려나 ;;;;

벌써 코드스테이츠도 섹션2가 마무리되었다,,, 서버 연동이 진짜 프론트에서 난 젤 어려움

프론트 만렙 가즈아 !