Chore/Fix: 만다라트 관련된 순수 함수들 테스트 추가 & main 포지션이 없을 때 하위 포지션이 생성되지 않는 문제 해결

src/feature/mandala/components/common/MandalaReadOnlyCell.tsx

@@ -1,5 +1,5 @@
 import Button from "@/feature/ui/Button";
-import { useMandalaStore, type SubGoal } from "@/lib/stores/mandalaStore";
+import { useMandalaStore } from "@/lib/stores/mandalaStore";
 import { cn } from "@/lib/utils";
 import { ChevronRight } from "lucide-react";
 import React, { useState } from "react";
@@ -10,6 +10,7 @@ import {
   tutorialArrowCells,
   tutorialCellMap,
 } from "@/feature/tutorial/service";
+import type { SubGoal } from "@/lib/stores/types/mandalart";
 
 type MandalaReadOnlyCellProps = {
   goalId: string;

src/feature/mandala/components/full/FullMandalaView.tsx

@@ -11,8 +11,8 @@ import {
   type Type,
 } from "../../utills/css";
 import useGridTabNavigation from "../../hooks/useGridTabNavigation";
-import { getNextFullCellId } from "../../service";
 import FullCell from "../full/FullCell";
+import { getNextFullCellId } from "../../service/navigation";
 
 export default function FullMandalaView() {
   const editingFullCellId = useMandalaStore((state) => state.editingFullCellId);

src/feature/mandala/components/grid/MandalaGrid.tsx

@@ -1,9 +1,9 @@
 import { useMandalaStore } from "@/lib/stores/mandalaStore";
 import useGridTabNavigation from "../../hooks/useGridTabNavigation";
-import { getNextMainCellId } from "../../service";
 import GridCell from "./GridCell";
 import { getGridClasses } from "../../utills/css";
 import MandalaModal from "../modal/MandalaModal";
+import { getNextMainCellId } from "../../service/navigation";
 
 export default function MandalaGrid() {
   const editingCellId = useMandalaStore((state) => state.editingCellId);

src/feature/mandala/components/modal/MandalaModal.tsx

@@ -1,4 +1,4 @@
-import { useMandalaStore, type SubGoal } from "@/lib/stores/mandalaStore";
+import { useMandalaStore } from "@/lib/stores/mandalaStore";
 
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
@@ -14,11 +14,12 @@ import { useShallow } from "zustand/react/shallow";
 import useGridTabNavigation from "../../hooks/useGridTabNavigation";
 import UseSubsGoalNavigation from "../../hooks/ueSubsGoalNavigation";
 import useSSERecommendation from "../../hooks/useSSERecommendation";
-import { getNextSubCellId } from "../../service";
 import type { CellData } from "../../service/type";
 import ModalCell from "./ModalCell";
 import { getGridClasses } from "../../utills/css";
 import QuestionIcon from "../icon/QuestionIcon";
+import { getNextSubCellId } from "../../service/navigation";
+import type { SubGoal } from "@/lib/stores/types/mandalart";
 
 type Props = {
   isModalVisible: boolean;

src/feature/mandala/hooks/useMandalaData.tsx

@@ -1,8 +1,8 @@
 import { useQuery } from "@tanstack/react-query";
 import { getMandalaAPI } from "../api/mandalart/getMandala";
-import { emptyDummyData } from "../service";
 import { useAuthStore } from "@/lib/stores/authStore";
 import type { ServerMandalaType } from "../service/type";
+import { emptyDummyData } from "../service/transform";
 
 export default function useMandalaData() {
   const accessToken = useAuthStore((state) => state.accessToken);

src/feature/mandala/hooks/useSSERecommendation.tsx

@@ -1,8 +1,9 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { EventSourcePolyfill } from "event-source-polyfill";
-import { useMandalaStore, type SubGoal } from "@/lib/stores/mandalaStore";
+import { useMandalaStore } from "@/lib/stores/mandalaStore";
 import type { CellData } from "../service/type";
 import { ENV } from "@/const";
+import type { SubGoal } from "@/lib/stores/types/mandalart";
 
 type UseSSERecommendationOptions = {
   goal: string;

src/feature/mandala/pages/MandalaBoard.tsx

@@ -6,7 +6,6 @@ import Button from "@/feature/ui/Button";
 
 import { useEffect } from "react";
 import { useAuthStore } from "@/lib/stores/authStore";
-import { uiToServer } from "../service";
 import { toast } from "sonner";
 import MailIcon from "../components/icon/MailIcon";
 import ActivationBellIcon from "../components/icon/ActivationBellIcon";
@@ -19,6 +18,7 @@ import { performLogout } from "@/feature/auth/hooks/useLogout";
 import MandalaGrid from "../components/grid/MandalaGrid";
 import FullMandalaView from "../components/full/FullMandalaView";
 import ReminderSetting from "../components/reminder/ReminderSetting";
+import { uiToServer } from "../service/server";
 
 type MandaraChartProps = {
   getCurrentBackground: () => Record<string, string>;

src/feature/mandala/service/changedCellId.ts

@@ -1,7 +1,8 @@
-import type { MainGoal, MandalaType } from "@/lib/stores/mandalaStore";
-import { getDataById, isEqual, toFlatStructure } from ".";
+import type { MainGoal, MandalaType } from "@/lib/stores/types/mandalart";
 import { parseCellId } from "./parseCellId";
 import type { MandalaMap, ServerMandalaType } from "./type";
+import { getDataById, isEqual } from ".";
+import { toFlatStructure } from "./transform";
 
 type GetChangedCellId = {
   cellId: string;

src/feature/mandala/service/idManager.ts

@@ -0,0 +1,80 @@
+import type { ServerMandalaType } from "./type";
+
+export const createMandalaIdManager = (
+  serverData: ServerMandalaType["data"]
+) => {
+  const usedMainIds = new Set<string>();
+  const usedSubIds = new Set<string>();
+  const resgisterExistingIds = () => {
+    if (serverData.core?.goalId) {
+      usedMainIds.add(`core-${serverData.core.goalId}`);
+    }
+
+    serverData?.core?.mains?.forEach((main) => {
+      if (main.goalId) {
+        usedMainIds.add(`main-${main.goalId}`);
+      }
+
+      main.subs.forEach((sub) => {
+        if (sub.goalId) {
+          usedSubIds.add(`sub-${main.goalId || main.position}-${sub.goalId}`);
+        }
+      });
+    });
+  };
+
+  resgisterExistingIds();
+
+  const generateCoreId = (originalId?: number) => {
+    if (originalId) {
+      return `core-${serverData.core.goalId}`;
+    }
+    return `core-0`;
+  };
+
+  const generateMainId = (originalId?: number, position?: number) => {
+    if (originalId) {
+      return `main-${originalId}`;
+    }
+
+    let candidateId = `main-${position}`;
+    let counter = 1000;
+
+    while (usedMainIds.has(candidateId)) {
+      candidateId = `main-${counter}`;
+      counter++;
+    }
+
+    usedMainIds.add(candidateId);
+    return candidateId;
+  };
+
+  const generateSubId = (
+    mainId: string,
+    originalId?: number,
+    position?: number
+  ) => {
+    if (originalId) {
+      return `sub-${mainId.replace("main-", "")}-${originalId}`;
+    }
+
+    let candidateId = `sub-${mainId.replace("main-", "")}-${position}`;
+    let counter = 1000;
+
+    while (usedSubIds.has(candidateId)) {
+      candidateId = `sub-${mainId.replace("main-", "")}-${counter}`;
+      counter++;
+    }
+
+    usedSubIds.add(candidateId);
+    return candidateId;
+  };
+
+  return {
+    generateCoreId,
+    generateMainId,
+    generateSubId,
+    getUsedMainId: () => Array.from(usedMainIds),
+    getUsedMSubId: () => Array.from(usedSubIds),
+  };
+};