fix: div 클릭이벤트 오류 해결

src/components/Card.jsx

@@ -4,19 +4,22 @@ import React from "react";
 import Button from "./Button";
 import Label from "./Label";
 import { convertIndexToTime } from "../utils/time";
-const cardVariants = cva("w-full rounded-xl shadow-lg p-4 overflow-hidden", {
-  variants: {
-    theme: {
-      black: "bg-black text-white",
-      white: "bg-white text-black",
-      pink: "bg-gradient-pink text-white",
-      purple: "bg-gradient-purple text-white",
-      indigo: "bg-gradient-indigo text-white",
-      mix: "bg-gradient-mix text-white",
-      gray: "bg-gray-300 text-gray-500",
+const cardVariants = cva(
+  "w-full rounded-xl shadow-lg p-4 overflow-hidden cursor-pointer",
+  {
+    variants: {
+      theme: {
+        black: "bg-black text-white",
+        white: "bg-white text-black",
+        pink: "bg-gradient-pink text-white",
+        purple: "bg-gradient-purple text-white",
+        indigo: "bg-gradient-indigo text-white",
+        mix: "bg-gradient-mix text-white",
+        gray: "bg-gray-300 text-gray-500",
+      },
     },
-  },
-});
+  }
+);
 
 export default function Card({
   meeting,
@@ -52,7 +55,7 @@ export default function Card({
   const deadlineTime = convertIndexToTime(time_idx_deadline);
 
   return (
-    <div className={cn(variantClass)} onClick={onClick}>
+    <div className={cn(variantClass)} onClick={onClick} role="button">
       <h3 className="mb-2 text-xl font-bold">{title}</h3>
       <Label size="sm" theme="black">
         장소: {location}

src/pages/MeetingPage.jsx

@@ -106,7 +106,7 @@ const MeetingPage = () => {
   };
 
   const handleJoinButtonClick = async (e, meetingId) => {
-    // e.stopPropagation();
+    e.stopPropagation();
     try {
       await joinMeeting(meetingId);
       alert("번개 모임에 성공적으로 참가했습니다!");
@@ -137,7 +137,7 @@ const MeetingPage = () => {
   };
 
   const handleDeleteButtonClick = async (e, meetingId) => {
-    // e.stopPropagation();
+    e.stopPropagation();
     try {
       await deleteMeeting(meetingId);
       alert("번개 모임을 삭제했습니다!");
@@ -157,7 +157,7 @@ const MeetingPage = () => {
   };
 
   const handleLeaveButtonClick = async (e, meetingId) => {
-    // e.stopPropagation();
+    e.stopPropagation();
     try {
       await leaveMeeting(meetingId);
       alert("번개 모임을 나갔습니다!");
@@ -177,7 +177,7 @@ const MeetingPage = () => {
   };
 
   const handleCloseButtonClick = async (e, meetingId) => {
-    // e.stopPropagation();
+    e.stopPropagation();
     try {
       await closeMeeting(meetingId);
       alert("번개 모임을 마감했습니다!");