No commit message

No commit message

src/Home.js

@@ -46,25 +46,29 @@ function Home() {
                 KOREA UNIVERSITY
             </div>
 
-            <div className="d-flex justify-content-center ">
-
-                <table className="table table-bordered dark-table" style={{ width: "400px" }}>
-                    <thead className="text-center">
-                        <tr style={{ height: "0 px" }}>정보 입력</tr>
-                    </thead>
-                    <tbody className="text-center">
-                        <tr>
-                            <td>이름 입력<input className="ml-2 inputBox" onChange={handleChangename} /></td>
-                        </tr>
-                        <tr>
-                            <td>비밀번호<input type='password' className="ml-2 inputBox" onChange={handleChangepassword} /></td>
-                        </tr>
-                        <tr>
-                            <td><button className="mt-4 btn btn-dark" onClick={checking}>Login</button></td>
-                        </tr>
-                    </tbody>
-                </table>
+            <form className="d-flex justify-content-center">
+
+                <div className="table table-bordered dark-table" style={{width: "400px" }}>
+
+                    <label for="inputId" className="d-flex justify-content-center" >
+                        정보 입력
+                    </label>
+                    <div className="form-group">
+                        <label for="inputName">
+                            이름입력<input className="ml-3 inputBox" onChange={handleChangename} />
+                        </label>
+
+                        <label for="inputPassword">
+                            비밀번호<input type='password' className="ml-3 inputBox" onChange={handleChangepassword} />
+                        </label>
+                        <div className="form-group for login">
+                            <label for="inputLogin" className="d-flex justify-content-center">
+                                <button className="mt-4 btn btn-dark" onClick={checking}>Login</button>
+                            </label>
                         </div>
+                    </div>
+                </div>
+            </form>
 
             {/* <div className="Box" style={{ border: 'solid', position: 'absolute', top: "300px", left: "68%"}} > */}
             {/* <div className="Name" style={{boxShadow: '5px 5px 5px 5px gray', border: 'solid', fontSize: '30px', position: "absolute", top: "300px", left: "68%" }}>