more

client/src/components/Calendar/AdminMonthly.js

@@ -93,6 +93,11 @@ const AdminMonthly = () => {
                     const weekList = ["일", "월", "화", "수", "목", "금", "토"]
                     return weekList[date.dow]
                 }}
+                views={{
+                    dayGridMonth: {
+                        dayMaxEvents: 3
+                    }
+                }}
                 validRange={{
                     start: moment(initialDate).subtract(3, 'years').format('YYYY-MM[-01]'),
                     end: moment(initialDate).add(3, 'years').add(1, 'months').format('YYYY-MM[-01]')
@@ -128,6 +133,10 @@ const AdminMonthly = () => {
                 }}
                 timeZone="local"
                 events={scheduleList}
+                eventLimit={3}
+                moreLinkContent={function(arg) {
+                    return arg.shortText
+                }}
                 themeSystem='bootstrap'
                 height='78vh'
             />

client/src/components/Calendar/Monthly.js

@@ -88,6 +88,11 @@ const Monthly = () => {
                     const weekList = ["일", "월", "화", "수", "목", "금", "토"]
                     return weekList[date.dow]
                 }}
+                views={{
+                    dayGridMonth: {
+                        dayMaxEvents: 3
+                    }
+                }}
                 validRange={{
                     start: moment(initialDate).subtract(3, 'years').format('YYYY-MM[-01]'),
                     end: moment(initialDate).add(3, 'years').add(1, 'months').format('YYYY-MM[-01]')
@@ -120,7 +125,13 @@ const Monthly = () => {
                 dateClick={({ dateStr }) => history.push(`/schedule/${dateStr}`)}
                 timeZone="local"
                 themeSystem='bootstrap'
-                eventLimit="3"
+                eventLimit={3}
+                moreLinkClick={function(arg) {
+                    console.log("click..?",arg)
+                }}
+                moreLinkContent={function(arg) {
+                    return arg.shortText
+                }}
                 height='80vh'
             />
             <DatePickerModal initialDate={initialDate} changeDate={changeDate} setChangeDate={setChangeDate} show={show} setShow={setShow} />

client/src/scss/custom.scss

@@ -145,6 +145,10 @@ button {
         color: #FF0000;
     }
 
+    & .fc-more-popover {
+        display: none;
+    }
+
     & .fc-dayGridDay-view {
         display: none;
     }
@@ -155,6 +159,8 @@ button {
         & .fc-event-title {
             display: block;
             text-overflow: ellipsis;
+            height: 15px;
+            padding: 0;
         }
     }