chore: 정리

.eslintrc.cjs

@@ -41,6 +41,12 @@ module.exports = {
     "no-underscore-dangle": "off",
     "no-alert": "off",
     "react-hooks/exhaustive-deps": "off",
+    "react/no-array-index-key": "off",
+    "no-nested-ternary": "off",
+    "@typescript-eslint/no-use-before-define": "off",
+    "react/jsx-no-constructed-context-values": "off",
+    "import/prefer-default-export": "off",
+    "@typescript-eslint/no-unused-expressions": "off",
     "import/no-extraneous-dependencies": [
       "error",
       {

package.json

@@ -58,12 +58,10 @@
     "@storybook/blocks": "^8.3.0",
     "@storybook/react": "^8.3.0",
     "@storybook/react-vite": "^8.3.0",
-    "@storybook/test": "^8.3.0",
     "@types/js-cookie": "^3.0.6",
     "@types/react": "^18.2.66",
     "@types/react-big-calendar": "^1.8.11",
     "@types/react-dom": "^18.2.22",
-    "@types/testing-library__jest-dom": "^6.0.0",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@vitejs/plugin-react": "^4.2.1",

src/api/firebaseConfig.ts

@@ -1,6 +1,5 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { initializeApp } from "firebase/app";
-// eslint-disable-next-line import/no-extraneous-dependencies
+
 import {
   getMessaging,
   getToken,

src/api/hooks/useTeam.ts

@@ -57,7 +57,6 @@ export const useDeleteTeam = () => {
         alert("네트워크 오류가 발생했습니다. 인터넷 연결을 확인해 주세요.");
       }
     },
-
   });
 };
 
@@ -69,7 +68,7 @@ export const useLeaveTeam = () => {
     mutationFn: async (teamId: number) => {
       const confirmed = window.confirm("정말로 팀에서 나가시겠습니까?");
       if (!confirmed) {
-        return; 
+        return;
       }
       await apiClient.delete(`/api/teams/${teamId}/leave`);
     },

src/api/hooks/useUserData.ts

@@ -40,11 +40,18 @@ const useUserData = () => {
       .then(() => {
         alert("구독이 완료되었습니다.");
       })
-      .catch((error) => console.error("error subscribtion:", error));
+      .catch((error) => {
+        if (error.response && error.response.status === 400) {
+          // 409 Conflict가 이미 구독 중 상태로 가정
+          alert("이미 구독중입니다.");
+        } else {
+          // 다른 에러의 경우
+          alert("구독 처리 중 오류가 발생했습니다.");
+        }
+        console.error("error subscription:", error);
+      });
   };
 
-
-
   const handleDeleteAccount = () => {
     // 회원 탈퇴 API 호출
     if (window.confirm("정말로 회원 탈퇴를 하시겠습니까?")) {

src/components/common/Input/Input.tsx

@@ -6,10 +6,16 @@ export type Props = {
   value?: string;
   placeholder?: string;
   disabled?: boolean;
-  className? :string;
+  className?: string;
 };
 
-const Input: React.FC<Props> = ({ value, placeholder, onChange,className, ...props }) => {
+const Input: React.FC<Props> = ({
+  value,
+  placeholder,
+  onChange,
+  className,
+  ...props
+}) => {
   return (
     <StyledInputContainer className={className}>
       <StyledInput

src/components/common/Notification/Notification.tsx

@@ -1,30 +1,30 @@
 /** @jsxImportSource @emotion/react */
-import { useState, useEffect } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
-import { X, CheckCircle, AlertCircle, Info } from 'lucide-react'
-import styled from '@emotion/styled'
-import { css } from '@emotion/react'
+import { useState, useEffect } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { X, CheckCircle, AlertCircle, Info } from "lucide-react";
+import styled from "@emotion/styled";
+import { css } from "@emotion/react";
 
-type NotificationType = 'success' | 'error' | 'info'
+type NotificationType = "success" | "error" | "info";
 
 interface NotificationProps {
-  type: NotificationType
-  message: string
-  duration?: number
-  onClose?: () => void
+  type: NotificationType;
+  message: string;
+  duration?: number;
+  onClose?: () => void;
 }
 
 const iconMap = {
   success: CheckCircle,
   error: AlertCircle,
   info: Info,
-}
+};
 
 const bgColorMap = {
-  success: '#38A169', // Green
-  error: '#E53E3E', // Red
-  info: '#3182CE', // Blue
-}
+  success: "#38A169", // Green
+  error: "#E53E3E", // Red
+  info: "#3182CE", // Blue
+};
 
 // Styled components
 const NotificationContainer = styled(motion.div)<{ type: NotificationType }>`
@@ -38,24 +38,24 @@ const NotificationContainer = styled(motion.div)<{ type: NotificationType }>`
   border-radius: 0.375rem;
   box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
   background-color: ${({ type }) => bgColorMap[type]};
-`
+`;
 
 const NotificationContent = styled.div`
   padding: 1rem;
   display: flex;
   align-items: start;
-`
+`;
 
 const IconContainer = styled.div`
   flex-shrink: 0;
-`
+`;
 
 const MessageContainer = styled.div`
   margin-left: 0.75rem;
   width: 0;
   flex-grow: 1;
   padding-top: 0.125rem;
-`
+`;
 
 const CloseButton = styled.button`
   margin-left: 1rem;
@@ -71,7 +71,7 @@ const CloseButton = styled.button`
     outline: none;
     box-shadow: 0 0 0 2px white;
   }
-`
+`;
 
 const srOnly = css`
   position: absolute;
@@ -82,26 +82,26 @@ const srOnly = css`
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
-`
+`;
 
 export default function Notification({
   type,
   message,
   duration = 5000,
   onClose,
 }: NotificationProps) {
-  const [isVisible, setIsVisible] = useState(true)
+  const [isVisible, setIsVisible] = useState(true);
 
   useEffect(() => {
     const timer = setTimeout(() => {
-      setIsVisible(false)
-      onClose && onClose()
-    }, duration)
+      setIsVisible(false);
+      onClose && onClose();
+    }, duration);
 
-    return () => clearTimeout(timer)
-  }, [duration, onClose])
+    return () => clearTimeout(timer);
+  }, [duration, onClose]);
 
-  const Icon = iconMap[type]
+  const Icon = iconMap[type];
 
   return (
     <AnimatePresence>
@@ -117,12 +117,20 @@ export default function Notification({
               <Icon className="h-6 w-6" color="white" />
             </IconContainer>
             <MessageContainer>
-              <p style={{ fontSize: '0.875rem', fontWeight: 500, color: 'white' }}>{message}</p>
+              <p
+                style={{
+                  fontSize: "0.875rem",
+                  fontWeight: 500,
+                  color: "white",
+                }}
+              >
+                {message}
+              </p>
             </MessageContainer>
             <CloseButton
               onClick={() => {
-                setIsVisible(false)
-                onClose && onClose()
+                setIsVisible(false);
+                onClose && onClose();
               }}
             >
               <span css={srOnly}>Close</span>
@@ -132,5 +140,5 @@ export default function Notification({
         </NotificationContainer>
       )}
     </AnimatePresence>
-  )
+  );
 }