✅ TIL

---

오늘은 StatesAirline 서버를 Express 프레임워크를 이용해 만들고, 로컬 호스트와 연결해서 구현한다.

서버는 클라이언트의 요청에 따라 항공편과 예약 데이터를 조회, 생성, 수정, 그리고 삭제하는 기능을 수행해야 한다.

💡 오늘의 KeyPoint

• 각 엔드포인트마다 라우터가 존재한다.
• 해당 라우터에 맞는 요구조건 기능을 구현한다.
• 5가지 HTTP method를 구현한다.

StatesAirline Server

---

🔥 Bare Minimum Requirements

• statesairline/controller/flightController.js와 statesairline/controller/bookController.js 에 코드를 작성하세요.
• Express 공식문서에서 req.query , req.params를 사용하는 방법을 확인하세요. Query와 Params를 기준으로 데이터를 필터링하는 코드를 작성해야 합니다.
• 예약 데이터는 controller/bookController.js 안에 작성된 let booking = []; 배열에 저장해야 합니다.
• Flight API -> 항공편 수정은 Advanced Challenges입니다.

🔥 Advanced Challenges

Advanced 콘텐츠의 문제를 해결하려면, 충분한 컨텍스트가 필요할 수 있습니다.
Bare minimum requirements를 완료했다면 도전하세요.

생성한 데이터를 수정할 수 없다면, 매번 데이터를 지우고 다시 생성해야 합니다.
이런 불편을 서비스에서 제거하려면, 데이터를 수정할 수 있는 기능을 추가하면 됩니다.
Advanced 콘텐츠에서는 PUT 요청에 따라 항공편을 수정하는 기능을 구현합니다.

• 목표

  • Flight API -> 항공편 수정에서 정의한 API 요청을 수행하는 코드를 작성하세요.
  • Advanced Challenges에 있는 모든 테스트를 통과해야 합니다.

• 참고 내용

  • flight.uuid는 변경되면 안 됩니다.
  • flight JSON의 일부만 수정할 수 있어야 합니다.

StatesAirline Server API document

⚙️ Code

// 💬 주어진 코드 (flightController)

const flights = require("../repository/flightList");
const fs = require("fs");
module.exports = {
  // [GET] /flight
  // 요청 된 파라미터 departure_times, arrival_times 값과 동일한 값을 가진 항공편 데이터를 조회합니다.
  // 요청 된 파라미터 departure, destination 값과 동일한 값을 가진 항공편 데이터를 조회합니다.
  findAll: (req, res) => {
    const { departure_times, arrival_times, destination, departure } =
      req.query;
    // TODO:

    return res.json(flights);
  },
  // [GET] /flight/:uuid
  // 요청 된 uuid 값과 동일한 uuid 값을 가진 항공편 데이터를 조회합니다.
  findById: (req, res) => {
    const { uuid } = req.params;
    // TODO:
  },

  // Advanced
  // [PUT] /flight/:uuid 요청을 수행합니다.
  // 요청 된 uuid 값과 동일한 uuid 값을 가진 항공편 데이터를 요쳥 된 Body 데이터로 수정합니다.
  update: (req, res) => {
    const { uuid } = req.params;
    const bodyData = req.body;
    // TODO:
  },
};

// 💬 주어진 코드 (bookController)

// POST /book에서 사용할 uuid입니다.
const { v4: uuid } = require("uuid");
// 항공편 예약 데이터를 저장합니다.
let booking = [];
module.exports = {
  // [GET] /book 요청을 수행합니다.
  // 전체 예약 데이터를 조회합니다.
  findAll: (req, res) => {
    return res.status(200).json(booking);
  },
  // [GET] /book/:phone 요청을 수행합니다.
  // 요청 된 phone과 동일한 phone 예약 데이터를 조회합니다.
  findByPhone: (req, res) => {
    const { phone } = req.params;
  },
  // [GET] /book/:phone/:flight_uuid 요청을 수행합니다.
  // 요청 된 id, phone과 동일한 uuid, phone 예약 데이터를 조회합니다.
  findByPhoneAndFlightId: (req, res) => {
    const { phone, flight_uuid } = req.params;
    // TODO:
  },
  // [POST] /book 요청을 수행합니다.
  // 요청 된 예약 데이터를 저장합니다.
  create: (req, res) => {
    // POST /book에서 사용할 booking_uuid입니다.
    const booking_uuid = uuid();
    // TODO:
  },

  // Optional
  // [DELETE] /book/:booking_uuid 요청을 수행합니다.
  // 요청 된 id, phone 값과 동일한 예약 데이터를 삭제합니다.
  deleteByBookingId: (req, res) => {
    const { booking_uuid } = req.params;
    // TODO:
  },
};

// ✅ 구현한 코드 (flightController)

const flights = require("../repository/flightList");
const fs = require("fs");

module.exports = {
  
  findAll: (req, res) => {
    const { departure_times, arrival_times, destination, departure } =
      req.query;
    
    // router.get("/", findAll); // Get localhost:3001/flight?departure=ICN&destination=CJU
    // 도착시간, 출발시간에 대한 필터링
    if (departure_times && arrival_times) {
      const filteredData = flights.filter(
        (flight) =>
          flight.departure_times === departure_times &&
          flight.arrival_times === arrival_times
      );
      return res.status(200).json(filteredData);
    }
    
    // 출발지, 도착지에 대한 필터링
    else if (departure && destination) {
      const filteredData = flights.filter(
        (flight) =>
          flight.departure === departure && flight.destination === destination
      );

      return res.status(200).json(filteredData);
    }

    // router.get("/", findAll); // GET localhost:3001/flight/
    // 그 외는 전체 항공편 데이터를 응답으로 전송
    return res.status(200).json(flights);
  },

  // router.get("/:uuid", update); // GET localhost:3001/flight/af6fa55c-da65-47dd-af23-578fdba40bed
  findById: (req, res) => {
    const { uuid } = req.params;

    const filteredData = flights.filter((flight) => flight.uuid === uuid);
    res.status(200).json(filteredData);
  },
  
  // router.put("/:uuid", update); // PUT localhost:3001/flight/af6fa55c-da65-47dd-af23-578fdba40bed
  update: (req, res) => {
    const { uuid } = req.params;
    const bodyData = req.body;

    const flightIndex = flights.findIndex((flight) => flight.uuid === uuid);

    if (flightIndex === -1) {
      return res.status(404).json({ error: "Flight not found" });
    }

    // 기존 항공편 데이터를 새로운 데이터로 업데이트합니다.
    flights[flightIndex] = { ...flights[flightIndex], ...bodyData };

    return res.status(200).json(flights[flightIndex]);
  },
};

// ✅ 구현한 코드 (bookController)

const { v4: uuid } = require("uuid");
let booking = [];

module.exports = {
  // router.get("/", findAll); // GET localhost:3001/book/
  findAll: (req, res) => {
    return res.status(200).json(booking);
  },
  
  // router.get("/:phone", findByPhone); // GET localhost:3001/book/:phone
  findByPhone: (req, res) => {
    const { phone } = req.params;
    const filteredData = booking.filter((booking) => booking.phone === phone);
    return res.status(200).json(filteredData);
  },
  
  // router.get("/:phone/:flight_uuid", findByPhoneAndFlightId); // GET localhost:3001/book/:phone/:flight_uuid
  findByPhoneAndFlightId: (req, res) => {
    const { phone, flight_uuid } = req.params;

    const filteredData = booking.filter(
      (booking) =>
        booking.phone === phone && booking.flight_uuid === flight_uuid
    );
    return res.status(200).json(filteredData);
  },
  
  // router.post("/", create); // POST localhost:3001/book/
  create: (req, res) => {
    const booking_uuid = uuid();

    const { phone, flight_uuid, name } = req.body; // 요청 데이터에서 필요한 값을 추출한다.

    const newBooking = {
      booking_uuid, 
      phone,
      flight_uuid,
      name,
    };

    booking.push(newBooking); // booking 배열에 새로운 예약 데이터를 추가한다.

    return res.status(201).json(newBooking);
  },

  // router.delete("/:booking_uuid", deleteByBookingId); // GET localhost:3001/book/{:booking_uuid}
  deleteByBookingId: (req, res) => {
    const { booking_uuid } = req.params;

    const initialLength = booking.length;

    booking = booking.filter(
      (booking) => booking.booking_uuid !== booking_uuid
    );

    if (booking.length === initialLength) {
      return res.status(404).json({ error: "Booking not found" });
    }

    return res.sendStatus(204);
  },
};

구현한 서버

💡 Error Note.

💡 서버에 대해 생각해볼 것

• 코드 구현이 완료되었는데, 계속 /flight 요청에서 에러가 생겼다.
• 코드를 아무리 리팩토링해봐도 계속 에러는 여전했고, 결국 시선을 다르게 보게 되었다.
• 문제는 test 서버와 클라이언트인 내가 요청하는 npm 서버가 crush 하는 것이었다.
• 결국, 서버를 닫고 vscode 재접속 후, 바로 test를 진행해서 해결했다.