[feat/#28] 알림 기능 추가, 깜빡임 제거

src/api/notification.ts

@@ -0,0 +1,42 @@
+import axiosInstance from "./axiosInstance"
+
+export type duration = "IMMEDIATELY" | "MIN_15" | "MIN_30" | "MIN_45" | "MIN_60"
+
+export interface notification {
+  id?: number
+  isActive?: boolean
+  duration?: duration
+}
+
+export const getNotification = async (): Promise<notification | null> => {
+  try {
+    const res = await axiosInstance.get(`/pose-notifications`)
+
+    if (!res.data?.data) return null
+
+    const { id, duration } = res.data.data
+    return { id, duration }
+  } catch (e) {
+    throw e
+  }
+}
+
+export const modifyNotification = async (notification: notification): Promise<notification> => {
+  try {
+    const res = await axiosInstance.post(`/pose-notifications`, { ...notification })
+    const { id, duration } = res.data.data
+    return { id, duration }
+  } catch (e) {
+    throw e
+  }
+}
+
+export const patchNotification = async (notification: notification): Promise<notification> => {
+  try {
+    const res = await axiosInstance.patch(`/pose-notifications/${notification.id}`, { ...notification })
+    const { id, isActive, duration } = res.data.data
+    return { id, isActive, duration }
+  } catch (e) {
+    throw e
+  }
+}

src/components/Camera.tsx

@@ -40,7 +40,7 @@ export default function Camera(props: CameraProps): React.ReactElement {
 
   useEffect(() => {
     startVideo()
-  })
+  }, [])
 
   return (
     <div