From d9b9f67063ed7d5f2db92082512abc7be3211f3a Mon Sep 17 00:00:00 2001
From: Jungu Lee <1zzangjun@gmail.com>
Date: Tue, 5 Dec 2023 13:30:42 +0900
Subject: [PATCH] =?UTF-8?q?FIX=20:=20=EB=B8=8C=EB=9D=BC=EC=9A=B0=EC=A0=80?=
 =?UTF-8?q?=20=EA=B8=B0=EB=B3=B8=EB=8F=99=EC=9E=91=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/(logoutOnly)/auth/signup/layout.tsx   |  2 +-
 .../src/app/(logoutOnly)/auth/signup/page.tsx | 26 +++++++++++--------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/client/src/app/(logoutOnly)/auth/signup/layout.tsx b/client/src/app/(logoutOnly)/auth/signup/layout.tsx
index 5dfd381..f3620c9 100644
--- a/client/src/app/(logoutOnly)/auth/signup/layout.tsx
+++ b/client/src/app/(logoutOnly)/auth/signup/layout.tsx
@@ -20,7 +20,7 @@ const layout = ({ children }: layoutProps) => {
   return (
     <SignupPageContext.Provider value={{ formData, setFormData, disableBtn, setDisableBtn }}>
       <Container sx={{ px: { xs: 0, sm: 4 } }} maxWidth={"lg"}>
-        <Paper component={'form'}
+        <Paper
           sx={{
             display: "flex",
             flexDirection: "column",
diff --git a/client/src/app/(logoutOnly)/auth/signup/page.tsx b/client/src/app/(logoutOnly)/auth/signup/page.tsx
index 1c8adf1..22bde56 100644
--- a/client/src/app/(logoutOnly)/auth/signup/page.tsx
+++ b/client/src/app/(logoutOnly)/auth/signup/page.tsx
@@ -26,6 +26,7 @@ export default function SignUpPage() {
   const [doubleCheckPassword, setDoubleCheckPassword] = useState<string>("");
 
   const { mutateAsync: signupHandler } = useSignupMutation();
+  
   const submitHandler = useCallback(async (data: SignupRequirement) => {
     try {
       await signupHandler(data);
@@ -99,7 +100,7 @@ export default function SignUpPage() {
       >
         <TextField
           name="passwordcheck"
-          autoComplete="new-password"
+          autoComplete="off"
           label="비밀번호"
           type="password"
           value={doubleCheckPassword}
@@ -161,16 +162,19 @@ export default function SignUpPage() {
         variant="determinate"
         value={(currentIndex / (totalPageNum - 1)) * 100}
       />
-      {MultistepForm}
-      <FixedBottomCTA
-        onClick={() => {
-          !isLastStep ? next() : submitHandler(formData);
-        }}
-        size="large"
-        disabled={disableBtn}
-      >
-        {!isLastStep ? "다음" : "투파이아 시작하기"}
-      </FixedBottomCTA>
+      <form onSubmit={(e)=>{
+        e.preventDefault()
+        !isLastStep ? next() : submitHandler(formData);
+        }}>
+        {MultistepForm}
+        <FixedBottomCTA
+          type='submit'
+          size="large"
+          disabled={disableBtn}
+        >
+          {!isLastStep ? "다음" : "투파이아 시작하기"}
+        </FixedBottomCTA>
+      </form>
     </>
   );
 }