지원이꺼 적용

src/Home.js

 // import bg from './img_study.jpg'
 // import korea from './img_korea.jpg'
-import React, { useState} from 'react'
+import React, { useState } from 'react'
 import { Redirect } from 'react-router-dom';
 
 function Home() {
@@ -47,38 +47,37 @@ function Home() {
 
 
     return (
-        <>
+        <div className="container-fluid bg-light p-5 h-100">
             {admin ? <Redirect to='/admin' /> : ''}
-
             {done ? <Redirect to='/quiz' /> : ''}
-            <h1 className="h-3 mb-5 mx-3 text-center bg-danger py-2">
-                KOREA UNIVERSITY
-            </h1>
-            
-            <form className="d-flex justify-content-center">
             
-                <div className="table table-bordered" style={{width: "400px" }}>
+            <div>
+                <h3 className="text-center pb-5 font-weight-bold text-danger" style={{'font-family':'sans-serif'}}>Korea University</h3>
+            </div>
 
-                    <label for="inputId" className="d-flex justify-content-center" >
-                        정보 입력
-                    </label>
+            <div className="row justify-content-center">
+                <form className="col-4 p-5 border bg-white">
+                    <div>
+                        <div>
+                            <p className="font-weight-bold h5 pb-3">로그인</p>
+                        </div>
+                        <div className="form-group">
+                            <label for="inputName">이름입력</label>
+                            <input className="form-control" onChange={handleChangename} placeholder="Name" />
+                        </div>
+                        <div className="form-group">
+                            <label for="inputPassword">비밀번호</label>
+                            <input type='password' className="form-control" onChange={handleChangepassword} placeholder="Password" />
+                        </div>
                         <div className="form-group text-center">
-                        <label for="inputName">
-                            이름입력<input className="ml-3 inputBox" onChange={handleChangename} placeholder="Name"/>
-                        </label>
-
-                        <label for="inputPassword">
-                            비밀번호<input type='password' className="ml-3 inputBox" onChange={handleChangepassword} placeholder="Password"/>
-                        </label>
-                        <div className="form-group for login">
-                            <label for="inputLogin" className="d-flex justify-content-center">
+                            <label for="inputLogin" className="d-flex justify-content-center"> </label>
                             <button className="mt-4 btn btn-dark" onClick={handleClick}>Login</button>
-                            </label>
-                        </div>
                         </div>
                     </div>
                 </form>
-        </>
+            </div>
+
+        </div>
 
     )
 }