[TIL] Week 8 도서 상점 좋아요 API

📔 ERD

좋아요 테이블에 어떤 회원이 어떤 도서에 좋아요 했는지 id값들을 FK로 저장

 

🎈 테이블 생성

누가 좋아요를 눌렀는 지 알기 위해서는 로그인한 유저가 좋아요를 눌러야 한다.

로그인을 했다면 토큰을 가지고 있을 것이고 해당 토큰으로 좋아요 누른 유저를 파악할 수 있다.

 

우선 토큰은 나중에 구현하기로 하고 유저 id값을 body에 넣어 구현해보도록 하겠다.

 

❤️ 좋아요 추가 API

const addLike = (req, res) => {
    const {liked_book_id} = req.params;
    const {user_id} = req.body;

    let sql = `INSERT INTO likes (user_id, liked_book_id) VALUES (?, ?);`;
    let values = [user_id, liked_book_id];

    conn.query(sql, values, 
        (err, results) => {
            if(err) {
                console.log(err);
                return res.status(StatusCodes.BAD_REQUEST).end();
            }

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

좋아요 테이블에 유저와 도서 id를 INSERT하여 좋아요를 구현하였다.

 

하지만 실행해보면 값을 잘 넣어줬음에도 Error: Colum 'liked_book_id' cannot be null 이라는 에러가 뜨다. 

 

router.post('/:id', addLike);  이 코드 때문이었다.

라우터에서 params로 오는 값을 id로 받기로 했는데 liked_book_id로 찾으니 당연히 값을 찾지 못하는 것이다. 

 

const {id} = req.params;

변수명을 맞춰주면 해결된다.

 

💔 좋아요 삭제 API 

let sql = `DELETE FROM likes WHERE user_id = ? AND liked_book_id = ?`;

삭제는 유저와 도서의 id를 확인하고 해당하는 값을 좋아요 테이블에서 삭제하는 방식으로 구현하였다. 

 

📖 MySQL Workbench Read Only

좋아요 테이블을 조회하다보니 표에 직접 데이터를 삽입할 수 없는 Read Only로 나타나고 있다.

 

이는 PK가 없기 때문이다.

현재 좋아요 테이블에 있는 user_id와 liked_book_id는 모두 유저 테이블과 도서 테이블의 id값을 FK로 하고 있는 컬럼이다. 

 

따라서 데이터를 추가하고 싶다면 PK를 추가해주거나 INSERT문으로 직접 넣어주어야 한다.

 

🎲 count()

좌 : 기본 출력 / 우 : count 출력

 

행의 개수를 반환해주는 함수

 

SELECT count(*) FROM likes WHERE liked_book_id = 1;

WHERE절을 통해 조건에 맞는 행의 개수를 구할 수도  있다.

 

🎏 서브 쿼리

쿼리 안에 있는 쿼리로, 쿼리의 결과값을 바깥 쿼리(메인 쿼리)에 쓰려고 할 때 사용

 

예를 들어, 도서 테이블에 있는 데이터를 조회할 때 해당 도서의 좋아요 수를 함께 출력하고 싶을 때 사용할 수 있다.

SELECT *, 
	(SELECT count(*) FROM likes WHERE liked_book_id=books.id) AS likes
FROM books;

SELECT절에 원하는 쿼리문을 작성해주고, AS를 사용해 별칭을 정해주면 된다. 

 

이 SQL문을 보면

books 테이블의 전체 컬럼과

각 행마다 likes 테이블에 liked_book_id로 가지고 있는 행 수를 likes라는 컬럼으로 조회하려는 것이다.

 

별칭으로 설정한 likes에 좋아요 수가 잘 담겨져 나오고 있다.

 

🩷 사용자 좋아요 여부 추가

도서를 조회할 때 사용자가 좋아요를 눌렀는지 확인하기 위한 좋아요 여부를 추가해보도록 하자.

 

좋아요 테이블에 원하는 유저 아이디와 도서 아이디가 있는지 확인해봐야한다.

count()를 사용하면 행의 개수가 나오는데 어차피 1 아니면 0이 나올 것이다.

 

이럴 땐 EXISTS 구문을 사용해서 확인하는 방법도 있다.

 

• likes : 해당 도서의 좋아요 총 개수
• liked : 유저가 좋아요 눌렀는지 여부 (1 : 누름 / 0 : 누르지 않음)

 

그럼 기존에 작업했던 카테고리명을 함께 출력하기 위한 조인문까지 합쳐주면

const bookDetail = (req, res) => {
    let book_id = req.params.id;
    let {user_id} = req.body;

    let sql = `SELECT *,
                    (SELECT count(*) FROM likes WHERE liked_book_id = books.id) AS likes,
                    (SELECT EXISTS (SELECT * FROM likes WHERE user_id = ? AND liked_book_id = ?)) AS liked
                FROM books 
                LEFT JOIN category 
                ON books.category_id = category.category_id
                WHERE books.id = ?;`;

    let values = [user_id, book_id, book_id];
    
    conn.query(sql, values,
        (err, results) => {
            if (err) {
                console.log(err);
                return res.status(StatusCodes.BAD_REQUEST).end();
            }

            if(results[0])
                return res.status(StatusCodes.OK).json(results[0]);
            else
                return res.status(StatusCodes.NOT_FOUND).end();
    })
};

완성 ! 

 

 

🚨 카테고리와 도서 테이블의 id 컬럼명이 동일하게 설정되어 조인했을 때 덮어씌워지는 현상이 발생했다.
⭐ 불필요한 카테고리 아이디를 제외한 나머지 컬럼명을 모두 작성해서 조회하는 방법도 존재하지만
      간단하게 카테고리 테이블의 컬럼명을 category_id로 변경해 해결해주었다.