[Node]Instagram Clone - 11. 댓글 좋아요, 좋아요 취소 API

1. 댓글 좋아요 및 좋아요 취소 기능 구현하기

• 이번 포스트에서는 댓글 좋아요 기능을 구현하고, 게시물 조회 시 댓글 좋아요 수 표시를 구현하겠음.

1) 기존의 Comment 스키마 수정(Comment.js)

• Comment 스키마에 좋아요 누른 사용자 ID 저장하는 likes 필드 추가.
• likes 필드는 User 스키마 모델의 ObjecctId 배열로 설정해 각 댓글의 좋아요 사용자 정보를 저장함.

// comment.js

const mongoose = require("mongoose");

const commentSchema = new mongoose.Schema({
  ...
  likes: [
    {
      type: mongoose.Schema.Types.ObjectId,
      ref: "User", // 좋아요를 누른 사용자 ID
    },
  ],
});

const Comment = mongoose.model("Comment", commentSchema);
module.exports = { Comment };

 

2) 댓글 좋아요 및 좋아요 취소 API

• 댓글의 좋아요와 좋아요 취소 기능 구현(매커니즘은 게시물 좋아요 및 좋아요 취소와 동일)
  
  
• 요청 경로의 commentId를 가져와 해당 댓글에 접근하며, likes 배열에서 이미 좋아요가 눌렸는지 확인함.
  • 좋아요가 눌린 경우: likes 배열에서 사용자 ID를 제거하여 좋아요를 취소하고 상태 코드를 200으로 반환.
  • 좋아요가 없는 경우: 사용자 ID를 likes 배열에 추가하고 상태 코드를 201로 반환.

// likeComment.js

const express = require("express");
const router = express.Router();
router.use(express.json());

const { auth } = require("../auth");
const cookieParser = require("cookie-parser");
router.use(cookieParser());

const { Comment } = require("../../models/Comment");

router.post("/:commentId/like", auth, async (req, res) => {
  const { commentId } = req.params;
  const userId = req.user.id;

  try {
    const comment = await Comment.findById(commentId);

    if (!comment) {
      return res.status(404).json({ message: "댓글을 찾을 수 없습니다." });
    }

    const existingLikeIndex = comment.likes.indexOf(userId);

    if (existingLikeIndex !== -1) {
      // 이미 좋아요가 눌린 경우 좋아요 취소
      comment.likes.splice(existingLikeIndex, 1);
      await comment.save();
      return res.status(200).json({ message: "댓글 좋아요가 취소되었습니다." });
    } else {
      // 좋아요 추가
      comment.likes.push(userId);
      await comment.save();
      return res.status(201).json({ message: "댓글 좋아요가 추가되었습니다." });
    }
  } catch (error) {
    console.error(error);
    return res.status(500).json({ message: "서버 오류가 발생했습니다." });
  }
});

module.exports = router;

 

3) 게시물 조회 시 댓글의 좋아요 수 표시

• getPost.js 에서 게시무 단건 조회 시 각 댓글의 좋아요 수 를 함께 표시하도록 수정함.
• commentsWithLikeCount 배열을 통해 각 댓글의 좋아요 수를 포함한 정보를 가져오고, 
• 댓글 likes 배열의 길이를 계산하여 likesCount를 추가한 후, 최종 응답에서 post 객체 안에 likesCount와 함께 포함됨.

// getPost.js

const express = require("express");
const router = express.Router();
const { Post } = require("../../models/Post");

router.get("/:id", async (req, res) => {
  const { id } = req.params;

  try {
    const post = await Post.findById(id)
      .populate({
        path: "comments",
        populate: { path: "user", select: "username" }, // 댓글 작성자 정보 포함
      })
      .populate("user", "username");

    if (!post) {
      return res.status(404).json({ message: "게시물을 찾을 수 없습니다." });
    }

    ...

    // 각 댓글에 대한 좋아요 수 추가
    const commentsWithLikeCount = post.comments.map((comment) => ({
      ...comment.toObject(),
      likesCount: comment.likes.length, // 댓글의 좋아요 수
    }));

    return res.status(200).json({
      post: {
        ...post.toObject(),
        likesCount,
        comments: commentsWithLikeCount,
      },
    });
  ...
});

module.exports = router;

 

2. 결과 🎉