Qa 348

src/common/CheckList.tsx

@@ -21,7 +21,7 @@ interface CheckListProps {
   className?: string;
   onChange?: (checkedIds: number[]) => void;
   showAddButton?: boolean;
-  saveCount?: number;
+  saveCount?: (number | undefined)[];
 }
 
 const CheckList = ({
@@ -30,6 +30,7 @@ const CheckList = ({
   className = '',
   onChange,
   showAddButton,
+  saveCount,
 }: CheckListProps) => {
   const location = useLocation();
   const isMyToPage = location.pathname.startsWith('/mytodo/list');
@@ -266,7 +267,7 @@ const CheckList = ({
                       <div className="mr-3 flex items-center gap-1 text-gray-500">
                         <BookMarkIcon className="h-[18px] w-[18px]" />
                         <span className="text-sm font-B03-SB">
-                          {item.saveCount ?? 0}
+                          {saveCount?.[idx] ?? 0}
                         </span>
                       </div>
                       <button

src/pages/myTodo/components/todo/Todo.tsx

@@ -30,13 +30,14 @@ const Todo = () => {
   }, [todoData]);
 
   useEffect(() => {
+    console.log(todoData);
     ReactTagManager.action({
       event: 'my_todo_page',
       category: '할 일 목록',
       clickText: '[나의 할일] 페이지 클릭 시 (진입)',
       source_page: location.pathname,
     });
-  }, []);
+  }, [location.pathname, todoData]);
 
   const handleCheckChange = (newIds: number[]) => {
     const added = newIds.filter((id) => !checkedIds.includes(id));
@@ -113,6 +114,9 @@ const Todo = () => {
           onChange={handleCheckChange}
           className="flex w-full flex-col items-center gap-8 py-4"
           showAddButton={true}
+          saveCount={todoData?.todos.map((todo) =>
+            todo.saveCount == null ? undefined : todo.saveCount
+          )}
         />
       </div>
     </div>

src/validation/mydream/todoSchema.ts

@@ -4,6 +4,8 @@ export const TodoSchema = z.object({
   todoId: z.number(),
   title: z.string(),
   completed: z.boolean(),
+  saveCount: z.number().nullable(),
+  isSaved: z.boolean().nullable(),
 });
 
 export const TodoDataSchema = z.object({