form input autoComplete 적용

client/src/components/Form/LoginForm.js

@@ -14,6 +14,7 @@ const LoginForm = () => {
   if (success) {
     return <Redirect to="/home" />;
   }
+
   return (
     <>
       <Formik
@@ -49,7 +50,7 @@ const LoginForm = () => {
             <div className="mb-3">
               <input type="text" name="userId"
                 className={`form-control shadow-none rounded-0 ${styles.textInput}`}
-                placeholder="아이디"
+                placeholder="아이디" autoComplete="nope"
                 {...formik.getFieldProps('userId')} />
               {formik.touched.userId && formik.errors.userId ? (
                 <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userId}</div>

client/src/components/Form/SignupForm.js

@@ -69,7 +69,7 @@ const SignupForm = () => {
               <label className="form-label" style={{ width: "100px" }}>아이디</label>
               <div className="flex-col">
                 <input type="text" name="userId"
-                  className={`form-control shadow-none rounded-0 ${styles.textInput}`}
+                  className={`form-control shadow-none rounded-0 ${styles.textInput}`} autoComplete="off"
                   {...formik.getFieldProps('userId')} />
                 {formik.touched.userId && formik.errors.userId ? (
                   <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userId}</div>
@@ -102,7 +102,7 @@ const SignupForm = () => {
               <label className="form-label" style={{ width: "100px" }}>이름</label>
               <div className="flex-col">
                 <input type="text" name="userName"
-                  className={`form-control shadow-none rounded-0 ${styles.textInput}`}
+                  className={`form-control shadow-none rounded-0 ${styles.textInput}`} autoComplete="off"
                   {...formik.getFieldProps('userName')} />
                 {formik.touched.userName && formik.errors.userName ? (
                   <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userName}</div>
@@ -113,7 +113,7 @@ const SignupForm = () => {
               <label className="form-label" style={{ width: "100px" }}>학번</label>
               <div className="flex-col">
                 <input type="text" name="userStudNum"
-                  className={`form-control shadow-none rounded-0 ${styles.textInput}`}
+                  className={`form-control shadow-none rounded-0 ${styles.textInput}`} autoComplete="off"
                   {...formik.getFieldProps('userStudNum')} />
                 {formik.touched.userStudNum && formik.errors.userStudNum ? (
                   <div className="text-danger mt-1" style={{ fontSize: "10px" }}>{formik.errors.userStudNum}</div>