[Refactor] experience-detail 구조 정리 및 내부 API 범위 축소

src/features/experience-detail/index.ts

@@ -1,103 +1,15 @@
-export { DatePicker } from "./ui/date-picker/date-picker";
 export { ExperienceForm } from "./ui/experience-form/experience-form";
 export { ExperienceViewer } from "./ui/experience-viewer/experience-viewer";
 export { ExperienceAlertRenderer } from "./ui/experience-alert-renderer/experience-alert-renderer";
 
-export {
-  postExperience,
-  usePostExperience,
-  type PostExperienceResponse,
-} from "./api/use-post-experience.query";
+export { useGetExperienceDetail } from "./api/use-get-experience-detail.query";
 
-export {
-  getExperienceDetail,
-  useGetExperienceDetail,
-  type GetExperienceDetailResponse,
-} from "./api/use-get-experience-detail.query";
-
-export {
-  patchExperience,
-  usePatchExperience,
-} from "./api/use-patch-experience.query";
-
-export {
-  deleteExperience,
-  useDeleteExperience as useDeleteExperienceMutation,
-} from "./api/use-delete-experience.query";
-
-export {
-  patchExperienceDefault,
-  usePatchExperienceDefault,
-  type PatchDefaultResponse,
-} from "./api/use-patch-experience-default.query";
-
-export {
-  useExperienceDetailStore,
-  initialDraft,
-} from "./store/experience.store";
-
-export {
-  useExperienceMode,
-  useExperienceCurrent,
-  useExperienceDraft,
-  useDefaultExperienceId,
-  useExperienceActions,
-  useIsDraftDefault,
-  useDefaultButtonLabel,
-  useShowEditDeleteButtons,
-  useShowSubmitButton,
-  useCurrentExperienceId,
-} from "./store/use-experience-hooks";
-
-export {
-  useExperienceSubmit,
-  useExperienceHeaderActions,
-  useDeleteExperience,
-} from "./model/use-actions";
-
-export { useExperienceDateField } from "./model/use-experience-date-field";
-
-export { formatDateDash, parseYMD } from "@/shared/lib/format-date";
-
-export {
-  showExperienceError,
-  showExperienceSuccess,
-  showExperienceInfo,
-  showExperienceWarning,
-  showValidationError,
-  showSaveError,
-  showDeleteError,
-  showDefaultSettingError,
-  showSaveSuccess,
-  showDeleteSuccess,
-  useExperienceAlerts,
-  useExperienceAlertActions,
-} from "./model/use-alert";
+export { useExperienceMode } from "./store/use-experience-hooks";
 
 export { useLeaveConfirm } from "./model/use-leave-confirm";
+export { initExperienceDetail } from "./model/use-init-experience-detail";
+export { applyExperienceDetailFromApi } from "./model/use-hydrate-experience";
 
-export {
-  useInitExperienceDetail,
-  useResetExperienceDetail,
-  initExperienceDetail,
-  resetExperienceDetail,
-} from "./model/use-init-experience-detail";
-
-export {
-  useHydrateExperienceFromApi,
-  hydrateExperienceFromApi,
-} from "./model/use-hydrate-experience";
-
-export { toExperienceEntity } from "./lib/to-experience-entity";
-
-export { validateExperienceDraft } from "./lib/validation";
-
-export type {
-  ExperienceMode,
-  ExperienceType,
-  ExperienceUpsertBody,
-  ExperienceEntity,
-  DefaultExperience,
-} from "./types/experience-detail.types";
+export type { ExperienceMode } from "./types/experience-detail.types";
 
-export { EXPERIENCE_MESSAGES, DEFAULT_BUTTON_LABELS } from "./config/messages";
+export { EXPERIENCE_MESSAGES } from "./config/messages";

src/features/experience-detail/model/use-actions.ts

@@ -225,12 +225,3 @@ export const useExperienceHeaderActions = () => {
     onToggleDefault,
   };
 };
-
-export const useDeleteExperience = () => {
-  const current = useExperienceCurrent();
-
-  return {
-    targetExperience: current,
-    canDelete: Boolean(current),
-  };
-};

src/features/experience-detail/model/use-alert.ts

@@ -16,90 +16,74 @@ interface ExperienceAlertState {
   actions: {
     show: (variant: AlertVariant, title: string, description: string) => void;
     close: (id: string) => void;
-    closeAll: () => void;
   };
 }
 
 let alertIdCounter = 0;
 
-export const useExperienceAlertStore = create<ExperienceAlertState>(
-  (set, get) => ({
-    alerts: [],
-    actions: {
-      show: (variant, title, description) => {
-        const { alerts } = get();
-        const isDuplicate = alerts.some(
-          (a) =>
-            a.variant === variant &&
-            a.title === title &&
-            a.description === description
-        );
-        if (isDuplicate) return;
-
-        const id = `exp-alert-${++alertIdCounter}`;
-        set((state) => ({
-          alerts: [...state.alerts, { id, variant, title, description }],
-        }));
-      },
-      close: (id) => {
-        set((state) => ({
-          alerts: state.alerts.filter((a) => a.id !== id),
-        }));
-      },
-      closeAll: () => {
-        set({ alerts: [] });
-      },
+const useExperienceAlertStore = create<ExperienceAlertState>((set, get) => ({
+  alerts: [],
+  actions: {
+    show: (variant, title, description) => {
+      const { alerts } = get();
+      const lastAlert = alerts[alerts.length - 1];
+
+      const isDuplicate =
+        lastAlert != null &&
+        lastAlert.variant === variant &&
+        lastAlert.title === title &&
+        lastAlert.description === description;
+
+      if (isDuplicate) return;
+
+      const id = `exp-alert-${++alertIdCounter}`;
+      set((state) => ({
+        alerts: [...state.alerts, { id, variant, title, description }],
+      }));
     },
-  })
-);
-
-export const showExperienceError = (message: string) => {
-  const { show } = useExperienceAlertStore.getState().actions;
-  show("error", "오류", message);
-};
-
-export const showExperienceSuccess = (message: string, title = "완료") => {
-  const { show } = useExperienceAlertStore.getState().actions;
-  show("success", title, message);
-};
-
-export const showExperienceInfo = (message: string) => {
-  const { show } = useExperienceAlertStore.getState().actions;
-  show("info", "안내", message);
-};
 
-export const showExperienceWarning = (message: string) => {
-  const { show } = useExperienceAlertStore.getState().actions;
-  show("warning", "주의", message);
+    close: (id) => {
+      set((state) => ({
+        alerts: state.alerts.filter((a) => a.id !== id),
+      }));
+    },
+  },
+}));
+
+const showAlert = (
+  variant: AlertVariant,
+  title: string,
+  description: string
+) => {
+  useExperienceAlertStore.getState().actions.show(variant, title, description);
 };
 
 export const showValidationError = (title: string, description: string) => {
-  const { show } = useExperienceAlertStore.getState().actions;
-  show("error", title, description);
+  showAlert("error", title, description);
 };
 
 export const showSaveError = () => {
-  showExperienceError(EXPERIENCE_MESSAGES.API.SAVE_FAILED);
+  showAlert("error", "오류", EXPERIENCE_MESSAGES.API.SAVE_FAILED);
 };
 
 export const showDeleteError = () => {
-  showExperienceError(EXPERIENCE_MESSAGES.API.DELETE_FAILED);
+  showAlert("error", "오류", EXPERIENCE_MESSAGES.API.DELETE_FAILED);
 };
 
 export const showDefaultSettingError = () => {
-  showExperienceError(EXPERIENCE_MESSAGES.API.DEFAULT_SETTING_FAILED);
+  showAlert("error", "오류", EXPERIENCE_MESSAGES.API.DEFAULT_SETTING_FAILED);
 };
 
 export const showSaveSuccess = (title?: string) => {
-  showExperienceSuccess(EXPERIENCE_MESSAGES.SUCCESS.SAVED, title);
+  showAlert("success", title ?? "완료", EXPERIENCE_MESSAGES.SUCCESS.SAVED);
 };
 
 export const showDeleteSuccess = () => {
-  showExperienceSuccess(EXPERIENCE_MESSAGES.SUCCESS.DELETED);
+  showAlert("success", "완료", EXPERIENCE_MESSAGES.SUCCESS.DELETED);
 };
 
 export const useExperienceAlerts = () =>
   useExperienceAlertStore((s) => s.alerts);
 
 export const useExperienceAlertActions = () =>
-  useExperienceAlertStore((s) => s.actions);
+  useExperienceAlertStore((s) => s.actions);

src/features/experience-detail/model/use-hydrate-experience.ts

@@ -1,29 +1,9 @@
-import { useCallback } from "react";
-
 import { toExperienceEntity } from "@/features/experience-detail/lib/to-experience-entity";
 import { useExperienceDetailStore } from "@/features/experience-detail/store/experience.store";
 
 import type { GetExperienceDetailResponse } from "@/features/experience-detail/api/use-get-experience-detail.query";
 
-export const useHydrateExperienceFromApi = () => {
-  const { setCurrent, setDefaultExperienceId, hydrateDraftFromCurrent } =
-    useExperienceDetailStore((s) => s.actions);
-
-  const hydrate = useCallback(
-    (data: GetExperienceDetailResponse) => {
-      const entity = toExperienceEntity(data);
-
-      setCurrent(entity);
-      setDefaultExperienceId(entity.isDefault ? entity.experienceId : null);
-      hydrateDraftFromCurrent();
-    },
-    [setCurrent, setDefaultExperienceId, hydrateDraftFromCurrent]
-  );
-
-  return hydrate;
-};
-
-export const hydrateExperienceFromApi = (data: GetExperienceDetailResponse) => {
+export const applyExperienceDetailFromApi = (data: GetExperienceDetailResponse) => {
   const { actions } = useExperienceDetailStore.getState();
   const entity = toExperienceEntity(data);
 

src/features/experience-detail/model/use-init-experience-detail.ts

@@ -1,60 +1,7 @@
-import { useCallback } from "react";
-
 import { useExperienceDetailStore } from "../store/experience.store";
 
 import type { ExperienceMode } from "../types/experience-detail.types";
 
-export const useInitExperienceDetail = () => {
-  const current = useExperienceDetailStore((s) => s.current);
-  const { setMode, setCurrent, resetDraft, setDefaultExperienceId } =
-    useExperienceDetailStore((s) => s.actions);
-
-  const init = useCallback(
-    (mode: ExperienceMode, experienceId?: string) => {
-      if (
-        current &&
-        experienceId &&
-        String(current.experienceId) === experienceId
-      ) {
-        setMode(mode);
-        return;
-      }
-
-      setMode(mode);
-
-      if (mode === "create") {
-        setCurrent(null);
-        resetDraft();
-        setDefaultExperienceId(null);
-        return;
-      }
-
-      if (!experienceId) {
-        setCurrent(null);
-        resetDraft();
-        return;
-      }
-    },
-    [current, setMode, setCurrent, resetDraft, setDefaultExperienceId]
-  );
-
-  return init;
-};
-
-export const useResetExperienceDetail = () => {
-  const { setMode, setCurrent, resetDraft, setDefaultExperienceId } =
-    useExperienceDetailStore((s) => s.actions);
-
-  const reset = useCallback(() => {
-    setMode("view");
-    setCurrent(null);
-    resetDraft();
-    setDefaultExperienceId(null);
-  }, [setMode, setCurrent, resetDraft, setDefaultExperienceId]);
-
-  return reset;
-};
-
 export const initExperienceDetail = (
   mode: ExperienceMode,
   experienceId?: string
@@ -85,11 +32,3 @@ export const initExperienceDetail = (
     return;
   }
 };
-
-export const resetExperienceDetail = () => {
-  const { actions } = useExperienceDetailStore.getState();
-  actions.setMode("view");
-  actions.setCurrent(null);
-  actions.resetDraft();
-  actions.setDefaultExperienceId(null);
-};

src/features/experience-detail/store/use-experience-hooks.ts

@@ -1,5 +1,3 @@
-import { DEFAULT_BUTTON_LABELS } from "../config/messages";
-
 import { useExperienceDetailStore } from "./experience.store";
 
 export const useExperienceMode = () => useExperienceDetailStore((s) => s.mode);
@@ -10,30 +8,8 @@ export const useExperienceCurrent = () =>
 export const useExperienceDraft = () =>
   useExperienceDetailStore((s) => s.draft);
 
-export const useDefaultExperienceId = () =>
-  useExperienceDetailStore((s) => s.defaultExperience.experienceId);
-
 export const useExperienceActions = () =>
   useExperienceDetailStore((s) => s.actions);
 
 export const useIsDraftDefault = () =>
   useExperienceDetailStore((s) => s.draft.isDefault);
-
-export const useDefaultButtonLabel = () => {
-  const isDefault = useExperienceDetailStore((s) => s.draft.isDefault);
-  return isDefault ? DEFAULT_BUTTON_LABELS.UNSET : DEFAULT_BUTTON_LABELS.SET;
-};
-
-export const useShowEditDeleteButtons = () => {
-  const mode = useExperienceDetailStore((s) => s.mode);
-  const current = useExperienceDetailStore((s) => s.current);
-  return mode === "view" && Boolean(current);
-};
-
-export const useShowSubmitButton = () => {
-  const mode = useExperienceDetailStore((s) => s.mode);
-  return mode === "create" || mode === "edit";
-};
-
-export const useCurrentExperienceId = () =>
-  useExperienceDetailStore((s) => s.current?.experienceId ?? null);