moyeora-it · rich-manager · Jun 23, 2025 · Jun 23, 2025 · Jun 23, 2025 · Jun 23, 2025
diff --git a/src/app/write/page.tsx b/src/app/write/page.tsx
@@ -1,11 +1,11 @@
 'use client';
 
 import { WriteForm } from '@/components/organisms/write-form';
+import useIsClient from '@/hooks/useIsClient';
 import useAuthStore from '@/stores/useAuthStore';
 import { routes } from '@/utils/routes';
 import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
-import useIsClient from '@/hooks/useIsClient';
 
 export default function Page() {
   const user = useAuthStore((state) => state.user);
@@ -34,7 +34,7 @@ export default function Page() {
 
   return (
     <div className="relative w-[300px] sm:w-[370px] md:w-[740px] m-auto mb-10">
-      <WriteForm userId={user.userId} />
+      <WriteForm />
     </div>
   );
 }
diff --git a/src/components/atoms/write-form/form-label.tsx b/src/components/atoms/write-form/form-label.tsx
@@ -11,13 +11,15 @@ type WriteFormLabelProps = {
   text: string;
   className?: string;
   info?: string;
+  isTooltipOpen?: boolean;
 };
 
 export const WriteFormLabel = ({
   htmlFor,
   text,
   className,
   info,
+  isTooltipOpen,
 }: WriteFormLabelProps) => {
   return (
     <div className="flex gap-1">
@@ -28,7 +30,7 @@ export const WriteFormLabel = ({
         {text}
       </FormLabel>
       {info && (
-        <Tooltip>
+        <Tooltip open={isTooltipOpen}>
           <TooltipTrigger>
             <CircleInfo />
           </TooltipTrigger>

diff --git a/src/components/error-boundary/error-handler.tsx b/src/components/error-boundary/error-handler.tsx
@@ -26,7 +26,7 @@ export const handleError = ({
     }
 
     // 인증 에러
-    if (error.message.includes('401') || error.message.toLowerCase().includes('unauthorized')) {
+    if (error.message.includes('401') || error.message.toLowerCase().includes('unauthorized') || error.message.includes('refresh 만료')) {
       return (
         <ErrorFallback error={error} resetErrorBoundary={resetErrorBoundary}>
           로그인이 필요합니다

diff --git a/src/components/error-fallback/index.tsx b/src/components/error-fallback/index.tsx
@@ -30,7 +30,8 @@ export const ErrorFallback = ({
   const handleClick = () => {
     if (
       error?.message.includes('401') ||
-      error?.message.toLowerCase().includes('unauthorized')
+      error?.message.toLowerCase().includes('unauthorized') ||
+      error?.message.toLowerCase().includes('refresh 만료')
     ) {
       clearUser();
       console.log('401 에러 발생');
@@ -54,7 +55,8 @@ export const ErrorFallback = ({
         className="mt-2 text-white text-sm cursor-pointer bg-green-600"
       >
         {error?.message.includes('401') ||
-        error?.message.toLowerCase().includes('unauthorized')
+        error?.message.toLowerCase().includes('unauthorized') ||
+        error?.message.toLowerCase().includes('refresh 만료')
           ? '로그인하기'
           : '다시 시도'}
       </Button>

diff --git a/src/components/molecules/group-create-button/index.tsx b/src/components/molecules/group-create-button/index.tsx
@@ -21,7 +21,7 @@ export const WriteGroupButton = () => {
   };
 
   return (
-    <div className="fixed md:absolute bottom-0 md:top-0 right-0 my-6 z-10">
+    <div className="fixed md:absolute bottom-0 md:top-0 md:bottom-auto right-0 my-6 z-10">
       <Button
         onClick={writeButtonClickHandler}
         className="cursor-pointer rounded-[50%] md:hidden"

diff --git a/src/components/molecules/group/group-card.tsx b/src/components/molecules/group/group-card.tsx
@@ -19,7 +19,9 @@ type GroupCardProps = {
 
 // TODO : 섹션별로 component 나누기
 export const GroupCard = ({ item }: GroupCardProps) => {
-  const isClosed = isBeforeToday(item.deadline);
+  const isClosed =
+    isBeforeToday(item.deadline) ||
+    item.participants.length >= item.maxParticipants;
 
   return (
     <div className="relative p-5 h-[280px] lg:h-[316px] bg-white shadow-sm ring-2 ring-gray-300/30 rounded-xl">

diff --git a/src/components/molecules/write-form/maxParticipants.tsx b/src/components/molecules/write-form/maxParticipants.tsx
@@ -7,30 +7,47 @@ import {
 } from '@/components/ui/form';
 import { Input } from '@/components/ui/input';
 import { WriteForm } from '@/types';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 
 type TitleProps = {
   form: UseFormReturn<WriteForm>;
 };
 
 export const MaxParticipants = ({ form }: TitleProps) => {
-  const [maxParticipants, setMaxParticipants] = useState(2);
+  const [isTooltipOpen, setIsTooltipOpen] = useState(false);
 
-  const inputChangeHandler = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const inputBlurHandler = (e: React.ChangeEvent<HTMLInputElement>) => {
     const value = Number(e.target.value);
-    if (value > 30) {
-      setMaxParticipants(30);
-      return;
-    }
-    if (value < 2) {
-      setMaxParticipants(2);
+
+    if (value === 0) {
+      // 입력값이 없거나 0이면 2로 세팅
+      form.setValue('maxParticipants', 2);
       return;
     }
 
-    setMaxParticipants(value);
+    if (value < 2 || value > 30) {
+      const settedValue = Math.max(2, Math.min(30, value));
+      form.setValue('maxParticipants', settedValue);
+
+      setIsTooltipOpen(true);
+    }
   };
 
+  /**
+   * 정원 보정 후 툴팁이 3초뒤에 사라지게 하기
+   */
+
+  useEffect(() => {
+    if (isTooltipOpen) {
+      const timer = setTimeout(() => {
+        setIsTooltipOpen(false);
+      }, 3000); // 3초
+
+      return () => clearTimeout(timer);
+    }
+  }, [isTooltipOpen]);
+
   return (
     <>
       <FormField
@@ -42,6 +59,7 @@ export const MaxParticipants = ({ form }: TitleProps) => {
               htmlFor="maxParticipants"
               text="정원"
               info="최소 2명 ~ 최대 30명까지 가능합니다"
+              isTooltipOpen={isTooltipOpen}
             />
             <FormControl>
               <Input
@@ -51,8 +69,10 @@ export const MaxParticipants = ({ form }: TitleProps) => {
                 placeholder="정원을 입력해주세요"
                 {...field}
                 type="number"
-                onChange={inputChangeHandler}
-                value={maxParticipants}
+                onBlur={(e) => {
+                  inputBlurHandler(e);
+                  field.onBlur();
+                }}
               />
             </FormControl>
             <FormMessage />

diff --git a/src/components/molecules/write-form/tiptap/desctiption.tsx b/src/components/molecules/write-form/tiptap/desctiption.tsx
@@ -101,7 +101,7 @@ export const Description = ({ form }: DescriptionProps) => {
     editorProps: {
       attributes: {
         class: clsx(
-          'h-[500px] w-full mt-0 py-2 px-3 text-sm rounded-md border border-input bg-background ring-offset-background shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px]',
+          'h-[500px] overflow-y-auto w-full mt-0 py-2 px-3 text-sm rounded-md border border-input bg-background ring-offset-background shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px]',
           hasError
             ? 'text-red-500 border-red-500 focus-visible:ring-red-500/20'
             : 'focus-visible:border-ring focus-visible:ring-ring/50',

diff --git a/src/components/organisms/write-form/index.tsx b/src/components/organisms/write-form/index.tsx
@@ -38,8 +38,8 @@ const formSchema = z
       .string()
       .trim()
       .nonempty({ message: '제목을 입력해주세요.' })
-      .max(30, {
-        message: '제목이 너무 길어요. 30자 이내로 줄여주세요.',
+      .max(100, {
+        message: '제목이 너무 길어요. 100자 이내로 줄여주세요.',
       }),
     maxParticipants: z.coerce
       .number({ message: '모임의 정원을 설정해주세요.' })
@@ -87,11 +87,7 @@ const formSchema = z
     path: ['endDate'],
   });
 
-type WriteFormProps = {
-  userId: number;
-};
-
-export const WriteForm = ({ userId }: WriteFormProps) => {
+export const WriteForm = () => {
   const [isDeadlineCalendarOpen, setIsDeadlineCalendarOpen] = useState(false);
   const [isStartDateCalendarOpen, setIsStartDateCalendarOpen] = useState(false);
   const [isEndDateCalendarOpen, setIsEndDateCalendarOpen] = useState(false);
@@ -120,7 +116,6 @@ export const WriteForm = ({ userId }: WriteFormProps) => {
     reValidateMode: 'onSubmit', // submit 시에만 유효성 검사
     defaultValues: {
       title: '',
-      maxParticipants: 2,
       description: '',
       autoAllow: false,
       type: GroupType.STUDY,
@@ -145,7 +140,7 @@ export const WriteForm = ({ userId }: WriteFormProps) => {
 
     try {
       const result = await request.post(
-        `/v2/groups?userId=${userId}`,
+        `/v2/groups`,
         { 'Content-Type': 'application/json' },
         JSON.stringify({ ...values, skills, position }),
         { credentials: 'include' },

diff --git a/src/features/user/components/current-user-profile.tsx b/src/features/user/components/current-user-profile.tsx
@@ -45,7 +45,7 @@ export const CurrentUserProfile = () => {
           </div>
           <div className="flex flex-col gap-y-1 min-w-0">
             <div className="flex gap-x-2 min-w-0">
-              <span className="text-sm font-medium shrink-0">Skills</span>
+              <span className="text-sm font-medium shrink-0">기술스택</span>
               {skills && skills.length === 0 ? (
                 <p className="text-gray-700 text-sm">
                   설정된 기술스택이 없어요.
@@ -64,7 +64,7 @@ export const CurrentUserProfile = () => {
               )}
             </div>
             <div className="flex gap-x-1.5">
-              <span className="text-sm font-medium">E-mail</span>
+              <span className="text-sm font-medium">이메일</span>
               <span className="text-sm font-normal text-gray-700 line-clamp-1">
                 {email}
               </span>

diff --git a/src/features/user/follow/components/followers-list.tsx b/src/features/user/follow/components/followers-list.tsx
@@ -36,6 +36,7 @@ export const FollowersList = () => {
         refetchOnMount: true,
         staleTime: 0,
         retry: 0,
+        gcTime: 0,
       },
     });
 

diff --git a/src/features/user/follow/components/following-list.tsx b/src/features/user/follow/components/following-list.tsx
@@ -33,6 +33,7 @@ export const FollowingList = () => {
         refetchOnMount: true,
         staleTime: 0,
         retry: 0,
+        gcTime: 0,
       },
     });
 

diff --git a/src/features/user/hooks/useChangePassword.ts b/src/features/user/hooks/useChangePassword.ts
@@ -33,9 +33,10 @@ export const useChangePassword = () => {
         description: '비밀번호가 변경되었어요',
       });
     },
-    onError() {
+    onError(error) {
+      const errInfo = JSON.parse(error.message.split('-')[1]);
       toast.error('비밀번호 변경 실패', {
-        description: '비밀번호 변경에 실패했어요. 잠시 후 다시 시도해주세요.',
+        description: errInfo.status.message,
       });
     },
   });

diff --git a/src/features/user/utils/validateImageFile.ts b/src/features/user/utils/validateImageFile.ts
@@ -13,7 +13,7 @@
  */
 export const validateImageFile = (
   file: File,
-  maxFileSize = 5 * 1024 * 1024,
+  maxFileSize = 1024 * 1024,
 ): { isValid: boolean; errorMessage?: string } => {
   if (!file.type.startsWith('image/')) {
     return {