🎯 장바구니 API를 설계하고 코드에 적용합니다.

📙 Today I Learned

데이터베이스 cartItems 추가

id INT
book_id INT
quantity INT
user_id INT

SQL IN 연산자 사용법

IN 연산자로 리스트값을 받아 데이터를 조회할 수 있습니다.

SELECT 열_이름 FROM 테이블 WHERE 컬럼_이름 IN (?);

---

🚨 외래키 중복 오류 발생 및 해결

⚠️ 발생한 오류

외래키 지정 시에 error: 121 Duplicate key on write or update 오류가 발생하였습니다.
동일한 이름의 FK 제약 조건이 이미 존재하여 생긴 오류였습니다.

💡 해결 과정

FK 제약조건 네이밍 규칙을 정하여 동일한 이름이 생기지 않도록 해줍니다.

fk_테이블명_참조테이블명_컬럼명

---

장바구니 API 설계

👉 수정한 부분은 주황색 글씨로 나타냅니다.

장바구니 담기

• Method : POST

• URL : /carts

• HTTP Status Code : 200 Ok

• Request Body

  {
    "bookId" : 도서 id,
    "quantity" : 수량,
    "userId" : 유저 id
  }

• Response Body : x

• TODO : 현재는 토큰으로 하지 않고,userId를 body값으로 받아서 처리
  

장바구니 조회 / 선택 상품 조회(주문서 작성)

• Method : GET

• URL : /carts

• HTTP Status Code : 200 Ok

• Request Body :

{
   "userId" : 유저 id,
   "selected" : [cartItemId, cartItemId ...]
}

• Response Body

 [
  { 
    "id" : 장바구니 id,
    "bookId" : 도서 id,
    "title" : "도서 제목",
    "summary" : "요약 설명",
    "quantity" : 수량,
    "price" : 가격
  },
  {
    "id" : 장바구니 id,
    "bookId" : 도서 id,
    "title" : "도서 제목",
    "summary" : "요약 설명",
    "quantity" : 수량,
    "price" : 가격
  },
 ]

• TODO : 현재는 토큰으로 하지 않고,userId를 body값으로 받아서 처리
  

장바구니 삭제

• Method : DELETE

• URL : /carts/:cartItemId

• HTTP Status Code : 200 Ok

• Request Body : x

• Response Body : x

---

🚨 port 오류 발생 및 해결

⚠️ 발생한 오류

코드 실행 시에 Error: listen EACCES: permission denied 0.0.0.0:9999 오류가 발생하였습니다.
포트 충돌 오류로 인해서 발생한 오류이지만, 포트가 사용 중이지 않음에도 접근이 차단되는 오류였습니다.

💡 해결 과정

Windows에서 WinNAT(Windows Network Address Translation) 서비스를 중지하는 명령어를 사용해서 포트 충돌을 해결해줍니다.

cmd를 관리자 권한으로 열고 해당 명령어를 입력해주면 됩니다.

$ net stop winnat
$ net start winnat

---

CartController.js

const conn = require('../mariadb');
const { StatusCodes } = require('http-status-codes');

const addToCart = (req, res) => {
  const { bookId, quantity, userId } = req.body;

  const sql =
    'INSERT INTO cartItems (book_id, quantity, user_id) VALUES (?, ?, ?)';
  const values = [bookId, quantity, userId];
  conn.query(sql, values, (err, result) => {
    if (err) {
      console.log(err);
      return res.status(StatusCodes.BAD_REQUEST).end();
    }

    return res.status(StatusCodes.CREATED).json(result);
  });
};

const getCartItems = (req, res) => {
  const { userId, selected } = req.body;

  const sql =
    'SELECT cartItems.id, book_id, title, summary, quantity, price FROM cartItems LEFT JOIN books ON cartItems.book_id = books.id WHERE user_id = ? AND cartItems.id IN (?)';
  const values = [userId, selected];
  conn.query(sql, values, (err, result) => {
    if (err) {
      console.log(err);
      return res.status(StatusCodes.BAD_REQUEST).end();
    }

    return res.status(StatusCodes.OK).json(result);
  });
};

const removeCartItems = (req, res) => {
  const id = parseInt(req.params.id);

  const sql = 'DELETE FROM cartItems WHERE id = ?';
  conn.query(sql, id, (err, result) => {
    if (err) {
      console.log(err);
      return res.status(StatusCodes.BAD_REQUEST).end();
    }

    return res.status(StatusCodes.OK).json(result);
  });
};

module.exports = { addToCart, getCartItems, removeCartItems };

• addToCart : bookId, quantity, userId를 받아서 장바구니에 추가합니다.

• getCartItems : cartItems 테이블과 books 테이블을 LEFT JOIN하여, userId의 장바구니 항목 중 selected에 포함된 cartItems.id 목록을 조회하고, 해당 book_id의 title, summary, quantity, price 정보를 가져옵니다.

• removeCartItems : id 값을 받아서 장바구니에서 해당 항목을 삭제합니다.

---

✏️ 한 줄 회고

오늘 오류가 많이 나서 좀 애를 먹었지만, 잘 해결했다. 쿼리에 배열을 받아서 활용하는 방법을 알았다!