FIX : 브라우저 기본동작 제거

potenday-project · Dec 5, 2023 · d9b9f67 · d9b9f67
1 parent 294b359
commit d9b9f67
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git 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
@@ -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>
     </>
   );
 }