SignupPage 생성 및 /signup 라우팅

@@ -3,6 +3,8 @@ import LandingPage from './pages/LandingPage';
 import AboutPage from './pages/AboutPage';
 import MenuPage from './pages/MenuPage';
 import SigninPage from './pages/SigninPage';
+import SignupPage from './pages/SignupPage';
+
 import {
   BrowserRouter as Router,
   Switch,
@@ -19,7 +21,8 @@ function App() {
           <Route exact path="/about" component={AboutPage}/>
           <Route exact path="/menu" component={MenuPage}/>
           <Route exact path="/signin" component={SigninPage}/>
-          {/* mypick, signup 라우팅 */}
+          <Route exact path="/signup" component={SignupPage}/>
+          {/* mypick 라우팅 */}
         </Switch>
       </>
     </Router>

@@ -21,11 +21,11 @@ const SigninPage = (props) => {
                 <h2 className="text-center"><br/>Sign In</h2>
                 <FormGroup>
                     <Label>Username</Label>
-                    <Input type="name" placeholder="Enter your name"></Input>
+                    <Input required="required" type="name" placeholder="Enter your name"></Input>
                 </FormGroup>
                 <FormGroup>
                     <Label>Password</Label>
-                    <Input type="password" placeholder="Enter your password"></Input>
+                    <Input required="required" type="password" placeholder="Enter your password"></Input>
                 </FormGroup>
                 <FormGroup>
                     <Button className="btn-lg btn-dark btn-block">Sign in</Button>

+import React from 'react';
+import { Button, Form, FormGroup, Label, Input} from 'reactstrap';
+
+import {FacebookLoginButton} from 'react-social-login-buttons';
+
+const SigninPage = (props) => {
+    return (
+        <>
+            <Form style={{
+                width:'100%',
+                maxWidth:'330px',
+                padding:'15px',
+                margin:'auto',
+                height:'100%'
+            }}>
+                <a href='/' style={{'color':'#000000', textDecoration:'none'}}>
+                <h1 className="text-center">
+                    <span className="font-weight-bold">MEALKHU</span>.com
+                </h1>
+                </a>
+                <h2 className="text-center"><br/>Sign Up</h2>
+                <FormGroup>
+                    <Label>Username</Label>
+                    <Input  required="required" type="name" placeholder="Enter your name"></Input>
+                </FormGroup>
+                <FormGroup>
+                    <Label>Password</Label>
+                    <Input required="required" type="password" placeholder="Enter your password"></Input>
+                </FormGroup>
+                <FormGroup>
+                    <Label>Confirm Password</Label>
+                    <Input required="required" type="password" placeholder="Enter your password again"></Input>
+                </FormGroup>
+                <FormGroup>
+                    <Button className="btn-lg btn-dark btn-block">Sign up</Button>
+                </FormGroup>
+                
+                <div className="text-center mt-3">
+                    <a href="/signin">Sign in here!</a>
+                </div>
+            </Form>
+            
+        </>
+    );
+}
+
+export default SigninPage;
\ No newline at end of file