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
6be47bc5
Commit
6be47bc5
authored
Jun 28, 2021
by
우지원
Browse files
0628 오류수정
parent
72a2d72b
Changes
3
Hide whitespace changes
Inline
Side-by-side
client/src/components/Home/AddRoom.js
View file @
6be47bc5
import
React
,
{
useState
}
from
'
react
'
import
React
from
'
react
'
const
AddRoom
=
()
=>
{
const
AddRoom
=
()
=>
{
...
@@ -13,7 +13,7 @@ const AddRoom = () => {
...
@@ -13,7 +13,7 @@ const AddRoom = () => {
<
/button
>
<
/button
>
<
/div
>
<
/div
>
<
div
className
=
"
modal
"
id
=
"
myModal
"
tab
i
ndex
=
"
-1
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal
"
id
=
"
myModal
"
tab
I
ndex
=
"
-1
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal-dialog
"
>
<
div
className
=
"
modal-dialog
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-header
"
>
<
div
className
=
"
modal-header
"
>
...
@@ -36,7 +36,7 @@ const AddRoom = () => {
...
@@ -36,7 +36,7 @@ const AddRoom = () => {
<
/div
>
<
/div
>
{
/* 방참여하기 모달 */
}
{
/* 방참여하기 모달 */
}
<
div
className
=
"
modal
"
id
=
"
joinModal
"
tab
i
ndex
=
"
-1
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal
"
id
=
"
joinModal
"
tab
I
ndex
=
"
-1
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal-dialog
"
>
<
div
className
=
"
modal-dialog
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-header
"
>
<
div
className
=
"
modal-header
"
>
...
@@ -56,7 +56,7 @@ const AddRoom = () => {
...
@@ -56,7 +56,7 @@ const AddRoom = () => {
<
/div
>
<
/div
>
{
/* 방생성하기 모달 */
}
{
/* 방생성하기 모달 */
}
<
div
className
=
"
modal
"
id
=
"
makeModal
"
tab
i
ndex
=
"
-1
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal
"
id
=
"
makeModal
"
tab
I
ndex
=
"
-1
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal-dialog
"
>
<
div
className
=
"
modal-dialog
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-header
"
>
<
div
className
=
"
modal-header
"
>
...
@@ -65,8 +65,8 @@ const AddRoom = () => {
...
@@ -65,8 +65,8 @@ const AddRoom = () => {
<
/div
>
<
/div
>
<
div
className
=
"
modal-body
"
>
<
div
className
=
"
modal-body
"
>
<
h5
>
방프로필사진
<
/h5
>
<
h5
>
방프로필사진
<
/h5
>
<
div
class
=
"
filebox mb-4
"
>
<
div
class
Name
=
"
filebox mb-4
"
>
<
input
type
=
"
file
"
id
=
"
ex_filename
"
class
=
"
upload-hidden
"
/>
<
input
type
=
"
file
"
id
=
"
ex_filename
"
class
Name
=
"
upload-hidden
"
/>
<
/div
>
<
/div
>
<
h5
>
방이름
<
/h5
>
<
h5
>
방이름
<
/h5
>
<
div
className
=
"
input-group
"
>
<
div
className
=
"
input-group
"
>
...
...
client/src/components/Home/RoomList.js
View file @
6be47bc5
...
@@ -5,7 +5,7 @@ const RoomList = () => {
...
@@ -5,7 +5,7 @@ const RoomList = () => {
return
(
return
(
<
div
>
<
div
>
<
AddRoom
/>
<
AddRoom
/>
<
div
className
=
"
mb-
5
"
>
<
div
className
=
"
mb-
3
"
>
<
RoomSingle
/>
<
RoomSingle
/>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
...
...
client/src/components/Home/RoomSingle.js
View file @
6be47bc5
const
RoomSingle
=
()
=>
{
const
RoomSingle
=
()
=>
{
return
(
return
(
<>
<>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA_LOGO.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA_LOGO.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/image2.jpg
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/image2.jpg
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA_LOGO.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA_LOGO.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/image2.jpg
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/image2.jpg
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA_LOGO.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA_LOGO.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/BORA.png
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
row justify-content-start m-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
row justify-content-start m
x-4 my
-2 p-2
"
style
=
{{
backgroundColor
:
"
#C4C4C4
"
}}
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/image2.jpg
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-2
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
><
img
src
=
"
/image2.jpg
"
className
=
"
rounded-circle
"
style
=
{{
width
:
"
37px
"
,
height
:
"
37px
"
}}
/></
div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-8 m-2
"
>
데계
재미있는
수학과
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/div
>
<
div
className
=
"
col-2 mt-2
"
>
15
/
34
<
/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