📝 reset 함수 재적용

Author: say-young516

app/registration/step1/page.tsx

@@ -3,14 +3,18 @@
 import { StoreRegistrationExitConfirmModal, TextField } from 'components/feature';
 import { LargeBtn, PrivateRoute, StyledLayout, Typography } from 'components/shared';
 import { useStep1Form } from 'core/useStep1Form';
+import { useEffect } from 'react';
 import { MODAL_KEY } from 'store/actions/modalStore';
 import { step1ErrorStore } from 'store/actions/step1Store';
 import { theme } from 'styles';
 import style from 'styles/style';
 
 const Step1 = () => {
-	const { name, email, phoneNumber, changeNormal, changeFormNormal } = step1ErrorStore();
+	const { name, email, phoneNumber, changeNormal, changeFormNormal, resetStep1 } = step1ErrorStore();
 	const { modalKey, changeModalKey, customPhoneNum, setCurrentKey, handleOnSubmit, handlePhoneNumber } = useStep1Form();
+	useEffect(() => {
+		resetStep1();
+	}, []);
 	return (
 		<>
 			<form onSubmit={handleOnSubmit}>

app/registration/step2/page.tsx

@@ -59,6 +59,11 @@ const Step2 = () => {
 	} = useStep2Form();
 	const { name, notice, basicAddress, addressDetail, instaAccount, callNumber, resetStep2 } = step2ErrorStore();
 	const { data } = useGetStore(query?.get('storeId'));
+	useEffect(() => {
+		if (!data) {
+			resetStep2();
+		}
+	}, []);
 	useEffect(() => {
 		if (data) {
 			setData(data);

app/registration/step3/page.tsx

@@ -34,8 +34,12 @@ const Step3 = () => {
 		modalKey,
 		changeModalKey,
 		axiosLoading,
+		resetStep3,
 	} = useStep3Form();
 	const { data } = useGetItems(Number(query?.get('storeId')));
+	useEffect(() => {
+		if (!data) resetStep3();
+	}, []);
 	useEffect(() => {
 		if (data) {
 			setProduct(data);

core/useStep2Form.ts

@@ -27,7 +27,7 @@ export const useStep2Form = () => {
 	const [businessHourValues, setBusinessHourValues] = useState<Array<{ day: string; time: string | null }>>([]);
 	const [axiosLoading, setAxiosLoading] = useState(false);
 	const { step2Request, setStep2Request } = step2RequestStore();
-	const { imgPath, registrationNumber, setInputState, setInitialValue, resetStep2 } = step2ErrorStore();
+	const { imgPath, registrationNumber, setInputState, setInitialValue } = step2ErrorStore();
 	const { modalKey, changeModalKey } = useModalStore();
 	const [storePostcodeInputs, setStorePostcodeInputs] = useState({
 		address: '', // 기본 주소
@@ -42,7 +42,6 @@ export const useStep2Form = () => {
 	const [S3ImagePath, setS3ImagePath] = useState(imgPath.value[0] ?? '');
 	const [selectedBusinessHourBtn, setSelectedBusinessHourBtn] = useState('weekDaysWeekEnd');
 	const { step1Request } = step1RequestStore();
-	const { resetStep1 } = step1ErrorStore();
 	const { uploadToS3 } = useS3Upload();
 	const setData = (data: Store | null | undefined) => {
 		if (data && query?.get('storeId') !== null) {
@@ -125,16 +124,13 @@ export const useStep2Form = () => {
 		changeModalKey(MODAL_KEY.OFF);
 		setAxiosLoading(true);
 		await patchManager(step1Request);
-		resetStep1();
 		const step2Response = await postStore(step2Request);
-		resetStep2();
 		router.replace(`/registration/step3?id=${step2Response.storeId}`);
 	};
 	const submitEditInputs = async () => {
 		changeModalKey(MODAL_KEY.OFF);
 		setAxiosLoading(true);
 		await patchStore({ ...step2Request, id: Number(query?.get('storeId')) });
-		resetStep2();
 		router.replace(`/mypage/store`);
 	};
 	const handleSelectedStoreImageBtn = (e: React.ChangeEvent<HTMLInputElement>) => {