Feature/signup kkm

pages/signup/index.tsx

@@ -12,7 +12,7 @@
 import styled from "@emotion/styled";
 import { AnimatePresence, motion } from "framer-motion";
 import { useRouter } from "next/router";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 
 import { NavHeader } from "../../components/common";
@@ -99,13 +99,10 @@ export default function Signup() {
 
     setValue(formDataKeyIndex, "", { shouldDirty: true });
   };
-
   // 폼 제출 에러가 없는지 확인
   const submitForm = async (loginFormData: UseFormDataType) => {
     const inputValue = loginFormData[formDataKeyIndex];
 
-    console.log(inputValue);
-
     // 비밀번호 입력까지 마치면 자동 로그인
     if (formDataKeyIndex === "password") {
       if (loginFormData["password"] === loginFormData["password2"]) {
@@ -138,6 +135,21 @@ export default function Signup() {
     setIsAgreeCondition(!isAgreeCondition);
   };
 
+  useEffect(() => {
+    if (formDataKeyIndex == "nickname" || formDataKeyIndex == "password") {
+      const prevFormDataKeyIndex = formDataKeyIndex == "password" ? "nickname" : "email";
+
+      history.pushState(null, "", "");
+      window.onpopstate = () => {
+        setFormDataKeyIndex(prevFormDataKeyIndex);
+      };
+    } else {
+      window.onpopstate = () => {
+        // 초기화
+      };
+    }
+  }, [setFormDataKeyIndex]);
+
   return (
     <>
       <NavHeader logoColor={theme.colors.gray100} />