[Node]Instagram Clone - 10. 게시물 좋아요, 좋아요 취소 API

1. 게시물 좋아요 및 좋아요 취소 기능 구현하기

• 이번 포스팅에서는 게시물 좋아요 및 좋아요 취소 기능을 구현함.
• 또한 게시물 조회 시 좋아요 개수를 보여주는 방식도 함께 구현함.

1) Like 스키마 정의(Like.js)

• like.js 파일에서는 좋아요 데이터를 저장하는 like 스키마를 정의했음.
• 이 스키마는 user_id와, 좋아요를 누른 대상(post_id 또는 comment_id)의 ID를 저장함.

// Like.js

const mongoose = require("mongoose");

const likeSchema = new mongoose.Schema({
  user_id: {
    type: String,
    required: true,
  },
  post_id: {
    type: String,
    required: false,
  },
  comment_id: {
    type: String,
    required: false,
  },
  createdAt: {
    type: Date,
    default: Date.now,
  },
});

const Like = mongoose.model("Like", likeSchema);
module.exports = { Like };

2) 기존의 Post 스키마 수정(Post.js)

• likes 필드를 추가해 특정 게시물에 좋아요를 누른 사용자 ID 목록을 저장하는 배열로 설정함.

// post.js

const mongoose = require("mongoose");

const postSchema = new mongoose.Schema({
  ...
  likes: [
    {
      type: mongoose.Schema.Types.ObjectId,
      ref: "User",
    },
  ],
});

const Post = mongoose.model("Post", postSchema);
module.exports = { Post };

3) 게시물 좋아요 및 좋아요 취소 API(likePost.js)

• 사용자가 이미 좋아요를 누른 경우 취소하고, 그렇지 않으면 좋아요를 추가하는 방식으로 작동
• 기본 로직:
  • 요청된 postId 를 기반으로 게시물 검색
  • likes 배열에 사용자의 ID가 이미 존재하면 배열에서 해당 ID를 제거하고 "좋아요 취소" 실행
  • 사용자의 ID가 존재하지 않으면 likes 배열에 ID를 추가하고 "좋아요 추가" 실행 

// likePost.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 { Post } = require("../../models/Post");

// 게시물 좋아요 API
router.post("/:postId/like", auth, async (req, res) => {
  const { postId } = req.params;
  const userId = req.user.id;

  try {
    const post = await Post.findById(postId);

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

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

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

module.exports = router;

4) 기존 게시물 조회 API 수정(getPost.js)

• 특정 게시물 조회할 때 해당 게시물의 좋아요 개수도 반환하도록 설정.
• 핵심 기능:
  • post.likes.length 를 사용해 좋아요 수 게산
  • post 객체와 좋아요 수를 응답으로 반환 

// getPost.js

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

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

    const likesCount = post.likes.length;

    return res.status(200).json({
      post: {
        ...post.toObject(),
        likesCount,
      },
    });
  } catch (error) {
    return res.status(500).json({
      message: "게시물 조회 중 오류가 발생했습니다.",
      error: error.message,
    });
  }
});

module.exports = router;

 

2. 결과 🎉