fix: 토큰 재발급 동시성 이슈 수정 (#165)

* refactor: serverKy에서 401 retry 제거 / race condition 해소를 위한 변수 설정

* chore: 불필요한 console.log 제거

* refactor: serverKy에 동시성 문제 해결 코드 추가

Author: prgmr99

src/app/(protected)/(root)/_components/todayTaskTabWrapper/TodayTaskTabWrapper.tsx

@@ -4,15 +4,13 @@ import type { Task } from "@/types/task";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 
-import dynamic from "next/dynamic";
 import ExpiredTaskDrawer from "../expiredTaskDrawer/ExpiredTaskDrawer";
 import HasAllTasksOnlyScreen from "../hasAllTasksOnlyScreen/HasAllTasksOnlyScreen";
 import HasInProgressTasksOnlyScreen from "../hasInProgressTasksOnlyScreen/HasInProgressTasksOnlyScreen";
 import HasTodayAndInProgressTasksScreen from "../hasTodayAndInProgressTasksScreen/HasTodayAndInProgressTasksScreen";
 import HasTodayTasksOnlyScreen from "../hasTodayTasksOnlyScreen/HasTodayTasksOnlyScreen";
 import HasWeeklyTasksOnlyScreen from "../hasWeeklyTasksOnlyScreen/HasWeeklyTasksOnlyScreen";
-
-const IsEmptyScreen = dynamic(() => import("../isEmptyScreen/IsEmptyScreen"));
+import IsEmptyScreen from "../isEmptyScreen/IsEmptyScreen";
 
 interface TodayTaskTabWrapperProps {
 	taskType: string;

src/app/(protected)/(root)/page.tsx

@@ -8,7 +8,6 @@ import React, { useState, useEffect, Suspense, useCallback } from "react";
 import Loader from "@/components/loader/Loader";
 import useTaskFiltering from "@/hooks/useTaskFilter";
 import useTaskStatus from "@/hooks/useTaskStatus";
-import { useAuthStore } from "@/store";
 import CharacterDialog from "../(create)/_components/characterDialog/CharacterDialog";
 import FailedDialog from "../(create)/_components/failedDialog/FailedDialog";
 import CreateTaskSheet from "./_components/CreateTaskSheet";
@@ -22,10 +21,6 @@ const HomePageContent = () => {
 	const router = useRouter();
 	const { data: homeData, isPending } = useHomeData();
 
-	const isUserProfileLoading = useAuthStore(
-		(state) => state.isUserProfileLoading,
-	);
-
 	const { mutate: startTaskMutation } = useStartTask();
 	const { mutate: deleteTaskMutation } = useDeleteTask();
 
@@ -181,7 +176,7 @@ const HomePageContent = () => {
 					handleTabChange={handleTabChange}
 				/>
 
-				{isUserProfileLoading || isPending ? (
+				{isPending ? (
 					<Loader />
 				) : (
 					<main className="flex-1 overflow-y-auto px-5 pb-40 pt-28">

src/app/(protected)/(root)/weekly-tasks/page.tsx

@@ -144,11 +144,6 @@ const WeeklyTasksPage = () => {
 	const groupTasksByCategory = useCallback((tasks: Task[]) => {
 		const grouped: Record<string, Task[]> = {};
 
-		// 개발 환경에서 디버깅용 로그
-		if (process.env.NODE_ENV === "development" && tasks.length > 0) {
-			console.log("Sample task:", tasks[0]);
-		}
-
 		for (const task of tasks) {
 			// persona.taskKeywordsCombination.taskType.name에서 카테고리 정보 가져오기
 			const category =

src/app/(protected)/action/complete/page.tsx

@@ -29,7 +29,6 @@ export default function Complete() {
 
 	useEffect(() => {
 		setCapturedImage(localStorage.getItem("capturedImage") || "");
-		console.log("capturedImage", capturedImage);
 	}, []);
 
 	useEffect(() => {

src/app/(protected)/action/remind/[taskId]/ActionRemindPageClient.tsx

@@ -90,7 +90,6 @@ const useReminderCount = (initialCount: number = DEFAULT_VALUES.COUNT) => {
 };
 
 function formatTimestamp(timestamp: string): string {
-	console.log(timestamp);
 	return timestamp.slice(0, 19).replace("T", " ");
 	// return timestamp.replace('T', ' ');
 }
@@ -121,9 +120,7 @@ export default function ActionRemindPageClient({
 		}
 		setToggleForRepeatableToast(!toggleForRepeatableToast);
 		setToastMessage("");
-		console.log(selectedInterval, count);
-		console.log(initialTask.triggerActionAlarmTime);
-		console.log(formatTimestamp(initialTask.triggerActionAlarmTime));
+
 		mutate({
 			taskId: initialTask?.id.toString() ?? "",
 			data: {

src/app/(protected)/my-page/task-detail/[taskId]/ExpiredTaskDetailPage.tsx

@@ -12,7 +12,6 @@ import {
 } from "@/utils/dateFormat";
 import { getPersonaImage } from "@/utils/getPersonaImage";
 import Image from "next/image";
-import { useRouter } from "next/navigation";
 
 interface TaskWithPersona extends Omit<Task, "persona" | "dueDatetime"> {
 	persona: NonNullable<Task["persona"]>;
@@ -149,6 +148,7 @@ export default function ExpiredTaskDetailPage({ task, initialTask }: Props) {
 						<div className="flex flex-col gap-4 p-5 bg-component-gray-secondary rounded-[16px]">
 							{filtered.map((item, index) => (
 								<div
+									// biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
 									key={index}
 									className="flex justify-between items-center w-full"
 								>