Merge pull request #157 from TEAM-COMFIT/fix/#156/experience-pre-refactor-bugs

[Fix] 경험 등록/수정/조회 페이지 리팩토링 전 버그 수정

Author: u-zzn

src/features/experience-detail/config/messages.ts

@@ -40,6 +40,7 @@ export const EXPERIENCE_MESSAGES = {
     SAVE_FAILED: "경험 저장에 실패했습니다. 다시 시도해주세요",
     DELETE_FAILED: "경험 삭제에 실패했습니다. 다시 시도해주세요",
     DEFAULT_SETTING_FAILED: "기본 경험 설정에 실패했습니다",
+    FETCH_FAILED: "경험 데이터를 불러오는데 실패했습니다.",
   },
 
   SUCCESS: {

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

@@ -97,6 +97,9 @@ export const useExperienceSubmit = () => {
   });
 
   const submit = useCallback(async () => {
+    const { isSubmitting } = useExperienceDetailStore.getState();
+    if (isSubmitting) return;
+
     const result = validateExperienceDraft(draft);
 
     if (!result.ok) {

src/features/experience-detail/ui/experience-form/experience-form.tsx

@@ -9,6 +9,7 @@ import {
   useExperienceHeaderActions,
 } from "../../model/use-actions";
 import { useExperienceDateField } from "../../model/use-experience-date-field";
+import { useExperienceDetailStore } from "../../store/experience.store";
 import {
   useExperienceActions,
   useExperienceDraft,
@@ -22,6 +23,7 @@ import type { TextfieldType } from "@/shared/ui/textfield/textfield";
 const ExperienceForm = () => {
   const draft = useExperienceDraft();
   const isDraftDefault = useIsDraftDefault();
+  const isSubmitting = useExperienceDetailStore((s) => s.isSubmitting);
   const { setDraftField } = useExperienceActions();
 
   const { onToggleDefault } = useExperienceHeaderActions();
@@ -36,7 +38,7 @@ const ExperienceForm = () => {
         isDefault={isDraftDefault}
         onToggle={onToggleDefault}
         rightSlot={
-          <Button variant="primary" size="small" onClick={submit}>
+          <Button variant="primary" size="small" onClick={submit} disabled={isSubmitting}>
             작성완료
           </Button>
         }

src/pages/experience-detail/experience-detail-page.tsx

@@ -10,6 +10,7 @@ import {
   useLeaveConfirm,
   useGetExperienceDetail,
   hydrateExperienceFromApi,
+  EXPERIENCE_MESSAGES,
 } from "@/features/experience-detail";
 
 import type { ExperienceMode } from "@/features/experience-detail";
@@ -50,7 +51,7 @@ const ExperienceDetailPage = ({ mode }: ExperiencePageProps) => {
   }
 
   if (shouldFetch && isError) {
-    return <div>경험 데이터를 불러오는데 실패했습니다.</div>;
+    return <div>{EXPERIENCE_MESSAGES.API.FETCH_FAILED}</div>;
   }
 
   const content = (() => {

src/shared/api/config/query-key.ts

@@ -6,7 +6,7 @@ export const universityQueryKey = {
 
 // 경험 관련 API (experience)
 export const experienceQueryKey = {
-  all: () => ["experiene"],
+  all: () => ["experience"],
   lists: () => [...experienceQueryKey.all(), "list"], // 모든 경험 리스트
   list: (type: string, page: number) => [
     ...experienceQueryKey.lists(),
@@ -27,7 +27,7 @@ export const meQueryKey = {
 export const aiReportsQueryKey = {
   all: () => ["aiReports"],
   list: (page: number, keyword?: string) => [
-    ...experienceQueryKey.all(),
+    ...aiReportsQueryKey.all(),
     page,
     keyword,
   ], // page, keyword에 따른 AI report 리스트