Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
shopping-mall
Commits
c856eca6
Commit
c856eca6
authored
Dec 29, 2020
by
이재연
Browse files
logsign
parent
559aff2c
Changes
2
Hide whitespace changes
Inline
Side-by-side
client/src/Pages/Login.js
View file @
c856eca6
import
React
,
{
useState
,
useEffect
,
useRef
}
from
'
react
'
;
import
React
,
{
useState
,
useEffect
,
useRef
}
from
'
react
'
;
import
Nav1
from
'
../Components/MainNav
'
;
import
Nav1
from
'
../Components/MainNav
'
;
import
Nav2
from
'
../Components/SubNav
'
;
import
Nav2
from
'
../Components/SubNav
'
;
import
{
Form
,
Col
,
Container
,
Button
,
Row
}
from
'
react-bootstrap
'
import
{
Link
,
Redirect
}
from
'
react-router-dom
'
function
Login
()
{
function
Login
()
{
return
(
return
(
<
Container
className
=
"
d-flex justify-content-center
"
>
<
div
>
<
Nav1
/>
<
Nav1
/>
<
Nav2
/>
<
Nav2
/>
<
div
className
=
"
margin-auto
"
>
<
Container
className
=
"
my-5
"
>
<
Form
.
Label
className
=
"
d-flex justify-content-center
"
>
Login
<
/Form.Label
>
<
Row
className
=
"
justify-content-center
"
>
<
Form
>
<
Col
md
=
{
5
}
xs
=
{
10
}
className
=
"
border
"
>
<
Form
.
Group
controlId
=
"
formBasicId
"
>
<
h3
className
=
"
text-center mt-5
"
>
Login
<
/h3
>
<
Form
.
Row
>
<
Form
className
=
"
p-5
"
>
<
Form
.
Label
for
=
"
id
"
>
User
Name
<
/Form.Label
>
<
Col
>
<
Form
.
Control
type
=
"
text
"
id
=
"
id
"
className
=
"
mx-sm-3
"
size
=
"
sm
"
placeholder
=
"
User Name
"
><
/Form.Control
>
<
Form
.
Group
controlId
=
"
formBasicId
"
>
<
/Col
>
<
Form
.
Row
>
<
/Form.Row
>
<
Form
.
Label
for
=
"
id
"
>
User
Name
<
/Form.Label
>
<
/Form.Group
>
<
Col
>
<
Form
.
Control
type
=
"
text
"
id
=
"
id
"
className
=
"
mx-sm-3
"
size
=
"
sm
"
placeholder
=
"
User Name
"
><
/Form.Control
>
<
Form
.
Group
controlId
=
"
formBasicPassword
"
>
<
/Col
>
<
Form
.
Row
>
<
/Form.Row
>
<
Form
.
Label
for
=
"
password
"
>
Password
<
/Form.Label
>
<
/Form.Group
>
<
Col
>
<
Form
.
Control
type
=
"
password
"
id
=
"
password
"
className
=
"
mx-sm-3
"
size
=
"
sm
"
placeholder
=
"
Password
"
><
/Form.Control
>
<
Form
.
Group
controlId
=
"
formBasicPassword
"
>
<
/Col
>
<
Form
.
Row
>
<
/Form.Row
>
<
Form
.
Label
for
=
"
password
"
>
Password
<
/Form.Label
>
<
/Form.Group
>
<
Col
>
<
/Form
>
<
Form
.
Control
type
=
"
password
"
id
=
"
password
"
className
=
"
mx-sm-3
"
size
=
"
sm
"
placeholder
=
"
Password
"
><
/Form.Control
>
<
/Col
>
<
div
className
=
"
loginLine
"
>
<
/Form.Row
>
<
Link
to
=
"
/Signup
"
>
SignUp
?
<
/Link
>
<
/Form.Group
>
<
/div
>
<
Button
variant
=
"
outline-dark
"
type
=
"
submit
"
block
>
Login
<
/Button
>
<
div
className
=
"
loginLine
"
>
<
Button
variant
=
"
outline-dark
"
type
=
"
submit
"
block
>
Login
<
/Button
>
<
Link
to
=
"
/signup
"
>
SignUp
?
<
/Link
>
<
/div
>
<
/div
>
<
/Container
>
<
/Form
>
<
/Col
>
<
/Row
>
<
/Container
>
<
/div
>
)
)
}
}
...
...
client/src/Pages/Signup.js
View file @
c856eca6
...
@@ -2,86 +2,105 @@ import React, { useState, useEffect, useRef } from 'react';
...
@@ -2,86 +2,105 @@ import React, { useState, useEffect, useRef } from 'react';
import
{
Redirect
}
from
'
react-router-dom
'
;
import
{
Redirect
}
from
'
react-router-dom
'
;
import
Nav1
from
'
../Components/MainNav
'
;
import
Nav1
from
'
../Components/MainNav
'
;
import
Nav2
from
'
../Components/SubNav
'
;
import
Nav2
from
'
../Components/SubNav
'
;
import
{
Form
,
Col
,
Container
,
Button
,
Row
}
from
'
react-bootstrap
'
function
Signup
()
{
function
Signup
()
{
return
(
return
(
<
Container
className
=
"
d-flex justify-content-center
"
>
<
div
>
<
Nav1
/>
<
Nav1
/>
<
Nav2
/>
<
Nav2
/>
<
div
className
=
"
form-control
"
>
<
Container
className
=
"
my-5
"
>
<
Form
.
Label
className
=
"
d-flex justify-content-center
"
>
Sign
Up
<
/Form.Label
>
<
Row
className
=
"
justify-content-center
"
>
<
Form
>
<
Col
md
=
{
6
}
xs
=
{
10
}
className
=
"
border
"
>
<
h2
className
=
"
text-center mt-5
"
>
Sign
Up
<
/h2
>
<
Form
.
Group
controlId
=
"
formBasicId
"
>
<
Form
.
Row
>
<
Form
className
=
"
p-5
"
>
<
Form
.
Label
for
=
"
id
"
>
User
Name
<
/Form.Label
>
<
/Form.Row
>
<
Form
.
Group
controlId
=
"
formBasicId
"
>
<
Col
>
<
Form
.
Row
>
<
Form
.
Control
type
=
"
text
"
id
=
"
id
"
size
=
"
sm
"
placeholder
=
"
UserName
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
Form
.
Label
for
=
"
id
"
>
User
Name
<
/Form.Label
>
<
/Col
>
<
/Form.Group
>
<
Col
>
<
Form
.
Control
type
=
"
text
"
id
=
"
id
"
size
=
"
sm
"
placeholder
=
"
UserName
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
Form
.
Group
controlId
=
"
formBasicName
"
>
<
/Col
>
<
Form
.
Row
>
<
/Form.Row
>
<
Form
.
Label
for
=
"
name
"
>
Real
Name
<
/Form.Label
>
<
/Form.Group
>
<
/Form.Row
>
<
Col
>
<
Form
.
Group
controlId
=
"
formBasicName
"
>
<
Form
.
Control
type
=
"
text
"
id
=
"
name
"
size
=
"
sm
"
placeholder
=
"
Enter your Real Name
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
Form
.
Row
>
<
/Col
>
<
Form
.
Label
for
=
"
name
"
>
Real
Name
<
/Form.Label
>
<
/Form.Group
>
<
Col
>
<
Form
.
Group
controlId
=
"
formBasicNumber
"
>
<
Form
.
Control
type
=
"
text
"
id
=
"
name
"
size
=
"
sm
"
placeholder
=
"
Enter your Real Name
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
Form
.
Row
>
<
/Col
>
<
Form
.
Label
for
=
"
number
"
>
Resident
registration
number
<
/Form.Label
>
<
/Form.Row
>
<
/Form.Row
>
<
/Form.Group
>
<
Col
>
<
Form
.
Control
type
=
"
text
"
id
=
"
number1
"
size
=
"
sm
"
maxlength
=
"
6
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
Form
.
Group
controlId
=
"
formBasicNumber
"
>
<
/Col
>
<
Form
.
Row
>
<
/Form.Group
>
<
Form
.
Label
for
=
"
number
"
>
Resident
registration
number
<
/Form.Label
>
<
Form
.
Group
controlId
=
"
formBasicPassword
"
>
<
Col
as
=
{
Row
}
>
<
Form
.
Row
>
<
Form
.
Control
type
=
"
text
"
id
=
"
number1
"
size
=
"
sm
"
maxlength
=
"
6
"
className
=
"
mx-sm-3
"
style
=
{{
width
:
'
120px
'
}}
><
/Form.Control
>
<
Form
.
Label
for
=
"
password
"
>
Password
<
/Form.Label
>
-
<
/Form.Row
>
<
Form
.
Control
type
=
"
text
"
id
=
"
number1
"
size
=
"
sm
"
maxlength
=
"
1
"
className
=
"
mx-sm-3
"
style
=
{{
width
:
'
25px
'
}}
><
/Form.Control
>
<
Col
>
******
<
Form
.
Control
type
=
"
password
"
id
=
"
password
"
size
=
"
sm
"
aria
-
describedby
=
"
passwordHelpBlock
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
/Col
>
<
Form
.
Text
id
=
"
password
"
muted
>
Must
be
8
-
20
characters
long
.
<
/Form.Text
>
<
/Col
>
<
/Form.Row
>
<
/Form.Group
>
<
/Form.Group
>
<
Form
.
Group
controlId
=
"
formBasicPassword2
"
>
<
Form
.
Group
controlId
=
"
formBasicPassword
"
>
<
Form
.
Row
>
<
Form
.
Row
>
<
Form
.
Label
for
=
"
password2
"
>
Confirm
Password
<
/Form.Label
>
<
Form
.
Label
for
=
"
password
"
>
Password
<
/Form.Label
>
<
/Form.Row
>
<
Col
>
<
Col
>
<
Form
.
Control
type
=
"
password
"
id
=
"
password2
"
size
=
"
sm
"
placeholder
=
"
Confirm Password
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
Form
.
Control
type
=
"
password
"
id
=
"
password
"
size
=
"
sm
"
aria
-
describedby
=
"
passwordHelpBlock
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
/Col
>
<
Form
.
Text
id
=
"
password
"
muted
>
Must
be
8
-
20
characters
long
.
<
/Form.Text
>
<
/Form.Group
>
<
/Col
>
<
/Form.Row
>
<
Form
.
Group
controlId
=
"
formBasicTel
"
>
<
/Form.Group
>
<
Form
.
Row
>
<
Form
.
Label
for
=
"
tel
"
>
Phone
Number
<
/Form.Label
>
<
Form
.
Group
controlId
=
"
formBasicPassword2
"
>
<
/Form.Row
>
<
Form
.
Row
>
<
Col
>
<
Form
.
Label
for
=
"
password2
"
>
Confirm
Password
<
/Form.Label
>
<
Form
.
Control
type
=
"
text
"
id
=
"
tel
"
size
=
"
sm
"
placeholder
=
"
Enter your Phone Number
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
/Col
>
<
Col
>
<
/Form.Group
>
<
Form
.
Control
type
=
"
password
"
id
=
"
password2
"
size
=
"
sm
"
placeholder
=
"
Confirm Password
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
/Col
>
<
Form
.
Group
controlId
=
"
formBasicAdd
"
>
<
/Form.Row
>
<
Form
.
Row
>
<
/Form.Group
>
<
Form
.
Label
>
address
<
/Form.Label
>
<
/Form.Row
>
<
Form
.
Group
controlId
=
"
formBasicTel
"
>
<
Col
>
<
Form
.
Row
>
<
Form
.
Control
type
=
"
text
"
id
=
"
add
"
size
=
"
sm
"
placeholder
=
"
Enter your Address
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
Form
.
Label
for
=
"
tel
"
>
Phone
Number
<
/Form.Label
>
<
/Col
>
<
/Form.Group
>
<
Col
>
<
/Form
>
<
Form
.
Control
type
=
"
text
"
id
=
"
tel
"
size
=
"
sm
"
placeholder
=
"
Enter your Phone Number
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
/Col
>
<
Button
variant
=
"
outline-dark
"
type
=
"
submit
"
block
>
Sign
Up
<
/Button
>
<
/Form.Row
>
<
/div
>
<
/Form.Group
>
<
/Container
>
<
Form
.
Group
controlId
=
"
formBasicAdd
"
>
<
Form
.
Row
>
<
Form
.
Label
>
Address
<
/Form.Label
>
<
Col
>
<
Form
.
Control
type
=
"
text
"
id
=
"
add
"
size
=
"
sm
"
placeholder
=
"
Enter your Address
"
className
=
"
mx-sm-3
"
><
/Form.Control
>
<
/Col
>
<
/Form.Row
>
<
/Form.Group
>
<
Button
variant
=
"
outline-dark
"
type
=
"
submit
"
block
>
Sign
Up
<
/Button
>
<
/Form
>
<
/Col
>
<
/Row
>
<
/Container
>
<
/div
>
)
)
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment