Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
students
messenger
Commits
796349ba
Commit
796349ba
authored
Jan 01, 2021
by
우지원
Browse files
로그인, 회원가입 페이지(Nav추가)
parent
2a94cd4d
Changes
2
Show whitespace changes
Inline
Side-by-side
client/src/Pages/LogInPage.js
View file @
796349ba
import
React
,
{
useState
}
from
'
react
'
;
import
React
,
{
useState
}
from
'
react
'
;
import
{
Button
,
Form
,
Container
}
from
'
react-bootstrap
'
;
import
{
Button
,
Form
,
Container
,
Navbar
}
from
'
react-bootstrap
'
;
import
{
Link
}
from
'
react-router-dom
'
;
import
{
Link
}
from
'
react-router-dom
'
;
function
LogIn
()
{
function
LogIn
()
{
...
@@ -16,6 +16,11 @@ function LogIn() {
...
@@ -16,6 +16,11 @@ function LogIn() {
};
};
return
(
return
(
<>
<
Navbar
bg
=
"
dark
"
variant
=
"
dark
"
>
<
Navbar
.
Brand
>
YDK
Messenger
<
/Navbar.Brand
>
<
/Navbar
>
<
Form
noValidate
validated
=
{
validated
}
onSubmit
=
{
handleSubmit
}
>
<
Form
noValidate
validated
=
{
validated
}
onSubmit
=
{
handleSubmit
}
>
<
Container
className
=
"
d-flex justify-content-center
"
>
<
Container
className
=
"
d-flex justify-content-center
"
>
<
div
className
=
"
mt-5 p-5 shadow w-75
"
>
<
div
className
=
"
mt-5 p-5 shadow w-75
"
>
...
@@ -44,7 +49,9 @@ function LogIn() {
...
@@ -44,7 +49,9 @@ function LogIn() {
<
/Form.Control.Feedback
>
<
/Form.Control.Feedback
>
<
/Form.Group
>
<
/Form.Group
>
<
Link
to
=
"
./homepage
"
>
<
Button
type
=
"
submit
"
variant
=
"
outline-success
"
size
=
"
lg
"
className
=
"
mr-4
"
block
>
로그인
<
/Button
>
<
Button
type
=
"
submit
"
variant
=
"
outline-success
"
size
=
"
lg
"
className
=
"
mr-4
"
block
>
로그인
<
/Button
>
<
/Link
>
<
Link
to
=
"
./signuppage
"
>
<
Link
to
=
"
./signuppage
"
>
<
h6
type
=
"
button
"
className
=
"
text-right mt-2
"
style
=
{{
cursor
:
'
pointer
'
}}
>
회원가입
<
/h6
>
<
h6
type
=
"
button
"
className
=
"
text-right mt-2
"
style
=
{{
cursor
:
'
pointer
'
}}
>
회원가입
<
/h6
>
...
@@ -52,6 +59,7 @@ function LogIn() {
...
@@ -52,6 +59,7 @@ function LogIn() {
<
/div
>
<
/div
>
<
/Container
>
<
/Container
>
<
/Form
>
<
/Form
>
<
/
>
);
);
}
}
...
...
client/src/Pages/SignUpPage.js
View file @
796349ba
import
React
,
{
useState
}
from
'
react
'
;
import
React
,
{
useState
}
from
'
react
'
;
import
{
Button
,
Form
,
Container
}
from
'
react-bootstrap
'
;
import
{
Button
,
Form
,
Container
,
Navbar
}
from
'
react-bootstrap
'
;
import
{
Link
}
from
'
react-router-dom
'
;
import
{
Link
}
from
'
react-router-dom
'
;
function
SingUp
()
{
function
SingUp
()
{
...
@@ -16,6 +16,11 @@ function SingUp() {
...
@@ -16,6 +16,11 @@ function SingUp() {
};
};
return
(
return
(
<>
<
Navbar
bg
=
"
dark
"
variant
=
"
dark
"
>
<
Navbar
.
Brand
>
YDK
Messenger
<
/Navbar.Brand
>
<
/Navbar
>
<
div
>
<
div
>
<
Form
noValidate
validated
=
{
validated
}
onSubmit
=
{
handleSubmit
}
>
<
Form
noValidate
validated
=
{
validated
}
onSubmit
=
{
handleSubmit
}
>
<
Container
className
=
"
d-flex justify-content-center
"
>
<
Container
className
=
"
d-flex justify-content-center
"
>
...
@@ -67,13 +72,14 @@ function SingUp() {
...
@@ -67,13 +72,14 @@ function SingUp() {
<
/Form.Control.Feedback
>
<
/Form.Control.Feedback
>
<
/Form.Group
>
<
/Form.Group
>
<
Link
to
=
"
./
homepage
"
>
<
Link
to
=
"
./
"
>
<
Button
type
=
"
submit
"
variant
=
"
outline-success
"
size
=
"
lg
"
className
=
"
mr-4
"
block
>
가입
<
/Button
>
<
Button
type
=
"
submit
"
variant
=
"
outline-success
"
size
=
"
lg
"
className
=
"
mr-4
"
block
>
가입
<
/Button
>
<
/Link
>
<
/Link
>
<
/div
>
<
/div
>
<
/Container
>
<
/Container
>
<
/Form
>
<
/Form
>
<
/div
>
<
/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