feat: 오류 해결

scheduler-SoHwaGi · Feb 18, 2025 · 3cb27a5 · 3cb27a5
1 parent 6437447
commit 3cb27a5
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 29 deletions.
diff --git a/src/hooks/useSchedule.ts b/src/hooks/useSchedule.ts
@@ -1,48 +1,45 @@
-import { useState, useCallback, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { api } from '../utils/axios';
 
 const useSchedules = () => {
   const [scheduleList, setScheduleList] = useState([]);
   const [schedule, setSchedule] = useState<string>('');
 
-  const getSchedules = useCallback(async () => {
+  useEffect(() => {
+    getSchedules();
+  }, []);
+
+  const getSchedules = async () => {
     try {
       const response = await api.get('/schedules');
       if (response.data.length < 0) {
         throw new Error(response.statusText);
       }
       console.log(response.data);
-      setScheduleList(response.data);
+      setScheduleList([...response.data]);
     } catch (e) {
       console.error(e);
     }
-  }, []);
+  };
 
-  const postSchedule = useCallback(
-    async (e) => {
-      try {
-        e.preventDefault();
-        await api.post('/schedules', { text: schedule });
-        setSchedule('');
-        await getSchedules();
-      } catch (e) {
-        console.error(e);
-      }
-    },
-    [schedule, getSchedules],
-  );
+  const postSchedule = async () => {
+    try {
+      setSchedule('');
+      await api.post('/schedules', { text: schedule });
+      await getSchedules();
+    } catch (e) {
+      console.error(e);
+    }
+  };
 
-  const deleteSchedule = useCallback(
-    async (clickedSchedule) => {
-      try {
-        await api.delete(`/schedules/${clickedSchedule}`);
-        await getSchedules();
-      } catch (e) {
-        console.error(e);
-      }
-    },
-    [getSchedules],
-  );
+  const deleteSchedule = async (clickedSchedule: number) => {
+    try {
+      await api.delete(`/schedules/${clickedSchedule}`);
+      await getSchedules();
+    } catch (e) {
+      console.error(e);
+    }
+  };
 
   return {
     scheduleList,

diff --git a/src/pages/SchedulePage/SchedulePage.tsx b/src/pages/SchedulePage/SchedulePage.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } from 'react';
 
 import TextField from '../../components/TextField/TextField';
 import ScheduleCard from '../../components/ScheduleCard/ScheduleCard';