From f504c7f589a8adacb6123ac6ad7cec6962ce9afd Mon Sep 17 00:00:00 2001
From: TakioN <jungbeen0724@gmail.com>
Date: Tue, 2 Sep 2025 19:26:31 +0900
Subject: [PATCH 1/2] fix: radio button synchronization with store in single
 selection

---
 .../Auth/SignUp/helper/HelperInfo.jsx         |  24 ++-
 .../Auth/SignUp/helper/SignUpButton.jsx       |   6 +-
 src/components/ui/custom/multiRadio.jsx       |   6 +-
 src/pages/helper/SignUp.jsx                   |   1 +
 src/store/auth/helper/useSignUpStepStore.js   |   2 +-
 src/store/auth/helper/useSignUpStore.js       |  11 +-
 src/store/helper/useHelperAccoutStore.js      | 134 +++++++---------
 src/store/suho/useHelperLocationStore.js      | 145 +++++++++---------
 8 files changed, 162 insertions(+), 167 deletions(-)

diff --git a/src/components/Auth/SignUp/helper/HelperInfo.jsx b/src/components/Auth/SignUp/helper/HelperInfo.jsx
index 2ec87d0..2ddd706 100644
--- a/src/components/Auth/SignUp/helper/HelperInfo.jsx
+++ b/src/components/Auth/SignUp/helper/HelperInfo.jsx
@@ -65,8 +65,12 @@ export default function HelperInfo() {
 
       <FormField label='성별' required className='mb-5'>
         <Radio cols={2} onValueChange={(value) => setHelperInfoField('gender', value)}>
-          <RadioItem value={false}>남성</RadioItem>
-          <RadioItem value={true}>여성</RadioItem>
+          <RadioItem value={false} checked={signUpForm.helperInfo.gender === false}>
+            남성
+          </RadioItem>
+          <RadioItem value={true} checked={signUpForm.helperInfo.gender === true}>
+            여성
+          </RadioItem>
         </Radio>
         {!isFirstCheck && !gender && (
           <p className='text-start text-sm text-[var(--required-red)] font-medium'>
@@ -117,8 +121,12 @@ export default function HelperInfo() {
 
       <FormField label='차량소유여부' required className='mb-5'>
         <Radio cols={2} onValueChange={(value) => setHelperInfoField('carOwnYn', value)}>
-          <RadioItem value={true}>예</RadioItem>
-          <RadioItem value={false}>아니오</RadioItem>
+          <RadioItem value={true} checked={signUpForm.helperInfo.carOwnYn === true}>
+            예
+          </RadioItem>
+          <RadioItem value={false} checked={signUpForm.helperInfo.carOwnYn === false}>
+            아니오
+          </RadioItem>
         </Radio>
         {!isFirstCheck && !carOwnYn && (
           <p className='text-start text-sm text-[var(--required-red)] font-medium'>
@@ -129,8 +137,12 @@ export default function HelperInfo() {
 
       <FormField label='치매교육 이수 여부' required className='mb-5'>
         <Radio cols={2} onValueChange={(value) => setHelperInfoField('eduYn', value)}>
-          <RadioItem value={true}>예</RadioItem>
-          <RadioItem value={false}>아니오</RadioItem>
+          <RadioItem value={true} checked={signUpForm.helperInfo.eduYn === true}>
+            예
+          </RadioItem>
+          <RadioItem value={false} checked={signUpForm.helperInfo.eduYn === false}>
+            아니오
+          </RadioItem>
         </Radio>
         {!isFirstCheck && !eduYn && (
           <p className='text-start text-sm text-[var(--required-red)] font-medium'>
diff --git a/src/components/Auth/SignUp/helper/SignUpButton.jsx b/src/components/Auth/SignUp/helper/SignUpButton.jsx
index c381671..43ae9fe 100644
--- a/src/components/Auth/SignUp/helper/SignUpButton.jsx
+++ b/src/components/Auth/SignUp/helper/SignUpButton.jsx
@@ -23,6 +23,9 @@ export default function SignUpButton() {
   const { setIsFirstCheck } = useSignUpStore();
 
   const handleNext = async () => {
+    goNextStep();
+    return;
+
     setIsFirstCheck(false);
     if (currentStep === 2) {
       // 만약 선택된 자격증이 있다면, 그 항목 하위의 모든 필드가 입력되었는지 체크
@@ -69,7 +72,8 @@ export default function SignUpButton() {
 
   return (
     <div className='flex flex-col items-center gap-4'>
-      <NextButton disabled={!validateCurrentStep()} className='mb-[2rem]' onClick={handleNext} />
+      {/* <NextButton disabled={!validateCurrentStep()} className='mb-[2rem]' onClick={handleNext} /> */}
+      <NextButton className='mb-[2rem]' onClick={handleNext} />
     </div>
   );
 }
diff --git a/src/components/ui/custom/multiRadio.jsx b/src/components/ui/custom/multiRadio.jsx
index 24f910a..f093dcf 100644
--- a/src/components/ui/custom/multiRadio.jsx
+++ b/src/components/ui/custom/multiRadio.jsx
@@ -24,7 +24,7 @@ const Radio = ({ className, children, onValueChange, cols, multiple = false, ...
       {...props}
     >
       {children.map((child, idx) => {
-        let value = child.props.value || child.props.children;
+        let value = child.props.value ?? child.props.children;
 
         return child
           ? React.cloneElement(child, {
@@ -32,7 +32,7 @@ const Radio = ({ className, children, onValueChange, cols, multiple = false, ...
               onClick: () => {
                 handleChecked(value);
               },
-              checked: multiple ? checkedItems.includes(value) : checkedItems === value,
+              // checked: multiple ? checkedItems.includes(value) : checkedItems === value,
             })
           : null;
       })}
@@ -41,7 +41,7 @@ const Radio = ({ className, children, onValueChange, cols, multiple = false, ...
 };
 
 const RadioItem = ({ className, children, value, checked, ...props }) => {
-  const radioValue = value || children;
+  const radioValue = value ?? children;
   return (
     <button type='button' role='radio' value={radioValue} {...props}>
       <div
diff --git a/src/pages/helper/SignUp.jsx b/src/pages/helper/SignUp.jsx
index 249d3f9..ff13d56 100644
--- a/src/pages/helper/SignUp.jsx
+++ b/src/pages/helper/SignUp.jsx
@@ -14,6 +14,7 @@ const COMPONENTS = [EmailAuth, HelperInfo, LicenseInfo, SignUpComplete];
 
 function CurrentStepComponent({ formOptions }) {
   const currentIndex = useSignUpStepStore((state) => state.currentIndex);
+  // const currentIndex = 1;
   const StepComponent = COMPONENTS[currentIndex];
 
   return <StepComponent formOptions={formOptions} />;
diff --git a/src/store/auth/helper/useSignUpStepStore.js b/src/store/auth/helper/useSignUpStepStore.js
index 8fafe0b..fb7ba77 100644
--- a/src/store/auth/helper/useSignUpStepStore.js
+++ b/src/store/auth/helper/useSignUpStepStore.js
@@ -2,7 +2,7 @@ import { create } from 'zustand';
 import { HELPER_SIGNUP_STEPS } from '@/constants/registrationSteps';
 
 const initialState = {
-  currentIndex: 0,
+  currentIndex: 1,
   totalSteps: HELPER_SIGNUP_STEPS.length,
   isCompleted: false,
 };
diff --git a/src/store/auth/helper/useSignUpStore.js b/src/store/auth/helper/useSignUpStore.js
index b222133..7f95004 100644
--- a/src/store/auth/helper/useSignUpStore.js
+++ b/src/store/auth/helper/useSignUpStore.js
@@ -1,6 +1,7 @@
 import { create } from 'zustand';
 import { omit } from '@/utils/omit';
 import { signUpHelper, uploadHelperImg } from '@/services/signUpService';
+import { devtools } from 'zustand/middleware';
 
 // 선택 해제 시 key 삭제
 function removeLicenseField(licenseInfo, key) {
@@ -258,9 +259,11 @@ const createHelperSubmissionSlice = (set, get) => ({
   },
 });
 
-export const useSignUpStore = create((set, get) => ({
-  ...createHelperDataSlice(set),
-  ...createHelperSubmissionSlice(set, get),
-}));
+export const useSignUpStore = create(
+  devtools((set, get) => ({
+    ...createHelperDataSlice(set),
+    ...createHelperSubmissionSlice(set, get),
+  })),
+);
 
 export default useSignUpStore;
diff --git a/src/store/helper/useHelperAccoutStore.js b/src/store/helper/useHelperAccoutStore.js
index d02dc9c..1480415 100644
--- a/src/store/helper/useHelperAccoutStore.js
+++ b/src/store/helper/useHelperAccoutStore.js
@@ -1,86 +1,64 @@
 import { create } from 'zustand';
-import { persist, devtools } from 'zustand/middleware';
+import { persist } from 'zustand/middleware';
 
-// const useHelperAccountStore = create(
-//   persist((set) => ({
-//     helper: {
-//       id: 1,
-//       userEmail: 'emailAddress@gmail.com',
-//       name: 'tempName',
-//       phone: '010-0000-0000',
-//       addressDetail: '서울특별시 강남구',
-//       certificates: [],
-//       carOwnYn: true,
-//       eduYn: false,
-//       wage: null,
-//       wageState: null,
-//     },
+const useHelperAccountStore = create((set) => ({
+  helper: {
+    id: 1,
+    userEmail: 'emailAddress@gmail.com',
+    name: 'tempName',
+    phone: '010-0000-0000',
+    addressDetail: '서울특별시 강남구',
+    img: null,
+    helperWorkLocation: [],
+    helperWorkTime: [],
+    careLevel: 0,
+    inmateState: 0,
+    workType: 0,
+    careGender: 0,
+    serviceMeal: 0,
+    serviceMobility: 0,
+    serviceDaily: 0,
+    certificates: [
+      {
+        certName: '',
+        certNum: '',
+        certDateIssue: null,
+        certSerialNum: null,
+      },
+    ],
+    carOwnYn: true,
+    eduYn: false,
+    wage: null,
+    wageState: null,
+    introduce: '',
+    careExperience: false,
+    wageNegotiation: null,
+  },
 
-//     setPart: (newPart) => set((state) => ({ helper: { ...state.helper, ...newPart } })),
-//     setHelper: (newInfo) => set(() => ({ helper: newInfo })),
-//   })),
-// );
+  workTypeNames: [],
 
-const useHelperAccountStore = create(
-  devtools((set) => ({
-    helper: {
-      id: 1,
-      userEmail: 'emailAddress@gmail.com',
-      name: 'tempName',
-      phone: '010-0000-0000',
-      addressDetail: '서울특별시 강남구',
-      img: null,
-      helperWorkLocation: [],
-      helperWorkTime: [],
-      careLevel: 0,
-      inmateState: 0,
-      workType: 0,
-      careGender: 0,
-      serviceMeal: 0,
-      serviceMobility: 0,
-      serviceDaily: 0,
-      certificates: [
-        {
-          certName: '',
-          certNum: '',
-          certDateIssue: null,
-          certSerialNum: null,
-        },
-      ],
-      carOwnYn: true,
-      eduYn: false,
-      wage: null,
-      wageState: null,
-      introduce: '',
-      careExperience: false,
-      wageNegotiation: null,
-    },
+  setPart: (newPart) => set((state) => ({ helper: { ...state.helper, ...newPart } })),
+  setHelper: (newInfo) => set(() => ({ helper: newInfo })),
 
-    workTypeNames: [],
+  addWorkTypeNames: (newNames) =>
+    set((state) => ({ workTypeNames: [...state.workTypeNames, newNames] })),
+  deleteWorkTypeName: (removingItem) =>
+    set((state) => ({
+      workTypeNames: state.workTypeNames.filter((item) => item !== removingItem),
+    })),
+  setWorkTypeNames: (newArr) => set({ workTypeNames: newArr }),
 
-    setPart: (newPart) => set((state) => ({ helper: { ...state.helper, ...newPart } })),
-    setHelper: (newInfo) => set(() => ({ helper: newInfo })),
-
-    addWorkTypeNames: (newNames) =>
-      set((state) => ({ workTypeNames: [...state.workTypeNames, newNames] })),
-    deleteWorkTypeName: (removingItem) =>
-      set((state) => ({
-        workTypeNames: state.workTypeNames.filter((item) => item !== removingItem),
-      })),
-    setWorkTypeNames: (newArr) => set({ workTypeNames: newArr }),
-
-    addCertificate: (newItem) =>
-      set((state) => ({
-        helper: { ...state.helper, certificates: [...state.helper.certificates, newItem] },
-      })),
-    deleteCertificate: (deleted) =>
-      set((state) => ({
-        helper: {
-          ...state.helper,
-          certificates: state.helper.certificates.filter((x) => x.certName !== deleted),
-        },
-      })),
-  })),
-);
+  addCertificate: (newItem) =>
+    set((state) => ({
+      helper: { ...state.helper, certificates: [...state.helper.certificates, newItem] },
+    })),
+  deleteCertificate: (deleted) =>
+    set((state) => ({
+      helper: {
+        ...state.helper,
+        certificates: state.helper.certificates.filter((x) => x.certName !== deleted),
+      },
+    })),
+}));
 
 export default useHelperAccountStore;
diff --git a/src/store/suho/useHelperLocationStore.js b/src/store/suho/useHelperLocationStore.js
index 3d10e70..d055ddc 100644
--- a/src/store/suho/useHelperLocationStore.js
+++ b/src/store/suho/useHelperLocationStore.js
@@ -1,91 +1,88 @@
 import { create } from 'zustand';
-import { devtools } from 'zustand/middleware';
 
-const useHelperLocationStore = create(
-  devtools((set, get) => ({
-    selectedDistricts: {},
+const useHelperLocationStore = create((set, get) => ({
+  selectedDistricts: {},
 
-    // 지역 설정
-    setDistricts: (districts) => set({ selectedDistricts: districts }),
+  // 지역 설정
+  setDistricts: (districts) => set({ selectedDistricts: districts }),
 
-    // 특정 도시의 구/군 추가
-    addDistrict: (city, district, subDistrict) =>
-      set((state) => {
-        if (
-          city in state.selectedDistricts &&
-          district in state.selectedDistricts[city] &&
-          subDistrict in state.selectedDistricts[city][district]
-        ) {
-          return state;
-        }
-        return {
-          selectedDistricts: {
-            ...state.selectedDistricts,
-            [city]: {
-              ...state.selectedDistricts[city],
-              [district]: [...(state.selectedDistricts[city]?.[district] || []), subDistrict],
-            },
-          },
-        };
-      }),
-
-    // 특정 도시의 구/군 제거
-    removeDistrict: (city, district, subDistrict) =>
-      set((state) => {
-        const updatedDistricts = {
+  // 특정 도시의 구/군 추가
+  addDistrict: (city, district, subDistrict) =>
+    set((state) => {
+      if (
+        city in state.selectedDistricts &&
+        district in state.selectedDistricts[city] &&
+        subDistrict in state.selectedDistricts[city][district]
+      ) {
+        return state;
+      }
+      return {
+        selectedDistricts: {
           ...state.selectedDistricts,
           [city]: {
             ...state.selectedDistricts[city],
-            [district]:
-              state.selectedDistricts[city]?.[district]?.filter((d) => d !== subDistrict) || [],
+            [district]: [...(state.selectedDistricts[city]?.[district] || []), subDistrict],
           },
-        };
+        },
+      };
+    }),
+
+  // 특정 도시의 구/군 제거
+  removeDistrict: (city, district, subDistrict) =>
+    set((state) => {
+      const updatedDistricts = {
+        ...state.selectedDistricts,
+        [city]: {
+          ...state.selectedDistricts[city],
+          [district]:
+            state.selectedDistricts[city]?.[district]?.filter((d) => d !== subDistrict) || [],
+        },
+      };
 
-        // 만약 특정 구/군이 빈 배열이 되면 제거
-        if (updatedDistricts[city][district].length === 0) {
-          delete updatedDistricts[city][district];
-        }
+      // 만약 특정 구/군이 빈 배열이 되면 제거
+      if (updatedDistricts[city][district].length === 0) {
+        delete updatedDistricts[city][district];
+      }
 
-        // 만약 특정 도시가 완전히 빈 객체가 되면 제거
-        if (Object.keys(updatedDistricts[city]).length === 0) {
-          delete updatedDistricts[city];
-        }
+      // 만약 특정 도시가 완전히 빈 객체가 되면 제거
+      if (Object.keys(updatedDistricts[city]).length === 0) {
+        delete updatedDistricts[city];
+      }
 
-        return { selectedDistricts: updatedDistricts };
-      }),
+      return { selectedDistricts: updatedDistricts };
+    }),
 
-    getTotalSelectedCount: () => {
-      const { selectedDistricts } = get();
-      return Object.values(selectedDistricts).reduce(
-        (total, districts) =>
-          total +
-          Object.values(districts).reduce(
-            (subTotal, subDistricts) => subTotal + subDistricts.length,
-            0,
-          ),
-        0,
-      );
-    },
+  getTotalSelectedCount: () => {
+    const { selectedDistricts } = get();
+    return Object.values(selectedDistricts).reduce(
+      (total, districts) =>
+        total +
+        Object.values(districts).reduce(
+          (subTotal, subDistricts) => subTotal + subDistricts.length,
+          0,
+        ),
+      0,
+    );
+  },
 
-    // 초기화
-    resetDistricts: () => set({ selectedDistricts: {} }),
+  // 초기화
+  resetDistricts: () => set({ selectedDistricts: {} }),
 
-    // ✅ 선택된 지역 정보를 텍스트로 변환하는 selector 함수 (스타일 수정됨)
-    //   getFormattedLocation: () => {
-    //     const selectedDistricts = get().selectedDistricts;
-    //     if (Object.keys(selectedDistricts).length === 0) {
-    //       return [];
-    //     }
+  // ✅ 선택된 지역 정보를 텍스트로 변환하는 selector 함수 (스타일 수정됨)
+  //   getFormattedLocation: () => {
+  //     const selectedDistricts = get().selectedDistricts;
+  //     if (Object.keys(selectedDistricts).length === 0) {
+  //       return [];
+  //     }
 
-    //     return Object.entries(selectedDistricts).flatMap(([city, districts]) => {
-    //       // flatMap 사용
-    //       return Object.entries(districts).map(([district, subDistricts]) => {
-    //         const subDistrictNames = subDistricts.join(", ");
-    //         return `${city} > ${district} (${subDistrictNames})`;
-    //       });
-    //     });
-    //   },
-  })),
-);
+  //     return Object.entries(selectedDistricts).flatMap(([city, districts]) => {
+  //       // flatMap 사용
+  //       return Object.entries(districts).map(([district, subDistricts]) => {
+  //         const subDistrictNames = subDistricts.join(", ");
+  //         return `${city} > ${district} (${subDistrictNames})`;
+  //       });
+  //     });
+  //   },
+}));
 
 export default useHelperLocationStore;

From 1fb5beed03acbfb8022abe83553a1fdb3e5802b1 Mon Sep 17 00:00:00 2001
From: TakioN <jungbeen0724@gmail.com>
Date: Tue, 2 Sep 2025 21:14:48 +0900
Subject: [PATCH 2/2] chore: remove temporary test code

---
 src/components/Auth/SignUp/helper/SignUpButton.jsx |  6 +-----
 src/pages/helper/SignUp.jsx                        |  1 -
 src/store/auth/helper/useSignUpStepStore.js        |  2 +-
 src/store/auth/helper/useSignUpStore.js            | 11 ++++-------
 4 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/components/Auth/SignUp/helper/SignUpButton.jsx b/src/components/Auth/SignUp/helper/SignUpButton.jsx
index 43ae9fe..c381671 100644
--- a/src/components/Auth/SignUp/helper/SignUpButton.jsx
+++ b/src/components/Auth/SignUp/helper/SignUpButton.jsx
@@ -23,9 +23,6 @@ export default function SignUpButton() {
   const { setIsFirstCheck } = useSignUpStore();
 
   const handleNext = async () => {
-    goNextStep();
-    return;
-
     setIsFirstCheck(false);
     if (currentStep === 2) {
       // 만약 선택된 자격증이 있다면, 그 항목 하위의 모든 필드가 입력되었는지 체크
@@ -72,8 +69,7 @@ export default function SignUpButton() {
 
   return (
     <div className='flex flex-col items-center gap-4'>
-      {/* <NextButton disabled={!validateCurrentStep()} className='mb-[2rem]' onClick={handleNext} /> */}
-      <NextButton className='mb-[2rem]' onClick={handleNext} />
+      <NextButton disabled={!validateCurrentStep()} className='mb-[2rem]' onClick={handleNext} />
     </div>
   );
 }
diff --git a/src/pages/helper/SignUp.jsx b/src/pages/helper/SignUp.jsx
index ff13d56..249d3f9 100644
--- a/src/pages/helper/SignUp.jsx
+++ b/src/pages/helper/SignUp.jsx
@@ -14,7 +14,6 @@ const COMPONENTS = [EmailAuth, HelperInfo, LicenseInfo, SignUpComplete];
 
 function CurrentStepComponent({ formOptions }) {
   const currentIndex = useSignUpStepStore((state) => state.currentIndex);
-  // const currentIndex = 1;
   const StepComponent = COMPONENTS[currentIndex];
 
   return <StepComponent formOptions={formOptions} />;
diff --git a/src/store/auth/helper/useSignUpStepStore.js b/src/store/auth/helper/useSignUpStepStore.js
index fb7ba77..8fafe0b 100644
--- a/src/store/auth/helper/useSignUpStepStore.js
+++ b/src/store/auth/helper/useSignUpStepStore.js
@@ -2,7 +2,7 @@ import { create } from 'zustand';
 import { HELPER_SIGNUP_STEPS } from '@/constants/registrationSteps';
 
 const initialState = {
-  currentIndex: 1,
+  currentIndex: 0,
   totalSteps: HELPER_SIGNUP_STEPS.length,
   isCompleted: false,
 };
diff --git a/src/store/auth/helper/useSignUpStore.js b/src/store/auth/helper/useSignUpStore.js
index 7f95004..b222133 100644
--- a/src/store/auth/helper/useSignUpStore.js
+++ b/src/store/auth/helper/useSignUpStore.js
@@ -1,7 +1,6 @@
 import { create } from 'zustand';
 import { omit } from '@/utils/omit';
 import { signUpHelper, uploadHelperImg } from '@/services/signUpService';
-import { devtools } from 'zustand/middleware';
 
 // 선택 해제 시 key 삭제
 function removeLicenseField(licenseInfo, key) {
@@ -259,11 +258,9 @@ const createHelperSubmissionSlice = (set, get) => ({
   },
 });
 
-export const useSignUpStore = create(
-  devtools((set, get) => ({
-    ...createHelperDataSlice(set),
-    ...createHelperSubmissionSlice(set, get),
-  })),
-);
+export const useSignUpStore = create((set, get) => ({
+  ...createHelperDataSlice(set),
+  ...createHelperSubmissionSlice(set, get),
+}));
 
 export default useSignUpStore;