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
bora-it
Commits
e2e47379
Commit
e2e47379
authored
Jun 28, 2021
by
이재연
Browse files
UI 수정 jaeyeon
parent
157857db
Changes
4
Hide whitespace changes
Inline
Side-by-side
client/src/App.js
View file @
e2e47379
...
@@ -13,8 +13,8 @@ function App() {
...
@@ -13,8 +13,8 @@ function App() {
<
Switch
>
<
Switch
>
<
Route
exact
path
=
"
/
"
component
=
{
HomeGuestPage
}
/
>
<
Route
exact
path
=
"
/
"
component
=
{
HomeGuestPage
}
/
>
<
Route
exact
path
=
"
/user
"
component
=
{
HomeUserPage
}
/
>
<
Route
exact
path
=
"
/user
"
component
=
{
HomeUserPage
}
/
>
<
Route
path
=
"
/profile/:id/update
"
component
=
{
InfoUpdatePage
}
/
>
<
Route
path
=
"
/profile/:id
"
component
=
{
ProfilePage
}
/
>
<
Route
path
=
"
/profile/:id
"
component
=
{
ProfilePage
}
/
>
<
Route
path
=
"
/profileupdate/:id
"
component
=
{
InfoUpdatePage
}
/
>
<
Route
path
=
"
/Room/:id/:channel
"
component
=
{
RoomPage
}
/
>
<
Route
path
=
"
/Room/:id/:channel
"
component
=
{
RoomPage
}
/
>
<
/Switch
>
<
/Switch
>
{
/* </AuthProvider> */
}
{
/* </AuthProvider> */
}
...
...
client/src/components/Profile/Info.js
View file @
e2e47379
import
User
from
"
../Room/User
"
;
const
Info
=
()
=>
{
const
Info
=
()
=>
{
return
(
return
(
<
div
className
=
"
container
-md vh-100
"
style
=
{{
background
:
"
#FCF4FF
"
}}
>
<
div
className
=
"
container
"
style
=
{{
background
:
"
#FCF4FF
"
}}
>
<
div
<
div
className
=
"
row justify-content-center mx-1
"
className
=
"
row justify-content-center mx-1
"
style
=
{{
fontSize
:
"
25px
"
,
fontWeight
:
"
bold
"
}}
style
=
{{
fontSize
:
"
25px
"
,
fontWeight
:
"
bold
"
}}
>
>
CHERRY
#
0805
CHERRY
#
0805
<
/div
>
<
/div
>
<
div
className
=
"
row
"
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-3
"
><
/div
>
<
div
className
=
"
col-3
"
><
/div
>
<
div
className
=
"
col-6 my-3
"
>
<
div
className
=
"
col-6 my-5
"
>
<
form
>
<
h2
className
=
"
mb-3
"
style
=
{{
fontSize
:
"
13px
"
,
fontWeight
:
"
bold
"
}}
>
<
label
이름
className
=
"
form-label mb-3
"
<
/h2
>
style
=
{{
fontSize
:
"
13px
"
,
fontWeight
:
"
bold
"
}}
<
h2
className
=
"
mb-4 mt-2
"
style
=
{{
fontSize
:
"
25px
"
,
fontWeight
:
"
bold
"
}}
>
김채린
<
/h2
>
>
<
h2
이름
className
=
"
mb-3 mt-2
"
<
/label
>
style
=
{{
fontSize
:
"
13px
"
,
fontWeight
:
"
bold
"
}}
<
input
type
=
"
text
"
className
=
"
form-control
"
/>
>
<
label
전화번호
className
=
"
form-label mb-3 mt-2
"
<
/h2
>
style
=
{{
fontSize
:
"
13px
"
,
fontWeight
:
"
bold
"
}}
<
h2
className
=
"
mb-3 mt-2
"
style
=
{{
fontSize
:
"
25px
"
,
fontWeight
:
"
bold
"
}}
>
010
-
8628
-
8984
<
/h2
>
>
전화번호
<
/label
>
<
input
type
=
"
text
"
className
=
"
form-control
"
/>
<
/form
>
<
/div
>
<
/div
>
<
div
className
=
"
col
"
><
/div
>
<
div
className
=
"
col
"
><
/div
>
<
/div
>
<
/div
>
...
...
client/src/components/Profile/InfoUpdate.js
View file @
e2e47379
import
{
Link
}
from
"
react-router-dom
"
;
const
InfoUpdate
=
()
=>
{
const
InfoUpdate
=
()
=>
{
const
id
=
1
;
return
(
return
(
<
div
class
=
"
container
-md vh-100
"
style
=
{{
background
:
"
#FCF4FF
"
}}
>
<
div
class
=
"
container
"
style
=
{{
background
:
"
#FCF4FF
"
}}
>
<
div
class
=
"
row
"
>
<
div
class
=
"
row
"
>
<
div
>
<
div
>
<
label
<
label
...
@@ -10,6 +12,7 @@ const InfoUpdate = () => {
...
@@ -10,6 +12,7 @@ const InfoUpdate = () => {
>
>
프로필
정보
프로필
정보
<
/label
>
<
/label
>
<
Link
to
=
{
`/profile/
${
id
}
`
}
>
<
button
<
button
type
=
"
button
"
type
=
"
button
"
class
=
"
btn btn-outline-white
"
class
=
"
btn btn-outline-white
"
...
@@ -21,6 +24,7 @@ const InfoUpdate = () => {
...
@@ -21,6 +24,7 @@ const InfoUpdate = () => {
>
>
확인
확인
<
/button
>
<
/button
>
<
/Link
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
div
class
=
"
col
"
><
/div
>
<
div
class
=
"
col
"
><
/div
>
...
...
client/src/components/Profile/Profile.js
View file @
e2e47379
import
{
Link
}
from
"
react-router-dom
"
;
const
Profile
=
()
=>
{
const
Profile
=
()
=>
{
const
id
=
1
;
return
(
return
(
<
div
className
=
"
container
-md
"
style
=
{{
background
:
"
#FCF4FF
"
}}
>
<
div
className
=
"
container
"
style
=
{{
background
:
"
#FCF4FF
"
}}
>
<>
<>
<
div
className
=
"
row
"
>
<
div
className
=
"
row
"
>
<
form
>
<
form
>
...
@@ -10,21 +13,25 @@ const Profile = () => {
...
@@ -10,21 +13,25 @@ const Profile = () => {
>
>
프로필
정보
프로필
정보
<
/label
>
<
/label
>
<
button
<
Link
to
=
{
`/profile/
${
id
}
/update`
}
>
type
=
"
button
"
<
button
className
=
"
btn btn-outline-white
"
type
=
"
button
"
style
=
{{
className
=
"
btn btn-outline-white
"
background
:
"
#E8B7FF
"
,
style
=
{{
fontSize
:
"
13px
"
,
background
:
"
#E8B7FF
"
,
fontWeight
:
"
bold
"
,
fontSize
:
"
13px
"
,
}}
fontWeight
:
"
bold
"
,
>
}}
수정
>
<
/button
>
수정
<
/button
>
<
/Link
>
<
/form
>
<
/form
>
<
div
className
=
"
col
"
><
/div
>
<
div
className
=
"
col
"
><
/div
>
<
div
className
=
"
col
"
>
<
div
className
=
"
col
"
>
<
img
src
=
"
/image2.jpg
"
style
=
{{
height
:
'
320px
'
,
width
:
'
320px
'
}}
className
=
"
rounded-circle mt-3
"
/>
<
div
className
=
"
d-flex justify-content-center
"
>
<
img
src
=
"
/image2.jpg
"
className
=
"
rounded-circle
"
style
=
{{
height
:
'
320px
'
,
width
:
'
320px
'
}}
/
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
col
"
><
/div
>
<
div
className
=
"
col
"
><
/div
>
<
/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