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
Today KU
Commits
0fd1df98
Commit
0fd1df98
authored
Oct 14, 2021
by
Kim, Subin
Browse files
Merge branch 'rkyoung7'
parents
2d11add7
ce6e4668
Changes
7
Hide whitespace changes
Inline
Side-by-side
client/src/components/LoginForm.js
0 → 100644
View file @
0fd1df98
import
React
from
'
react
'
;
import
{
Formik
}
from
'
formik
'
;
import
*
as
Yup
from
'
yup
'
;
import
{
Link
}
from
"
react-router-dom
"
;
const
LoginForm
=
()
=>
{
return
(
<
div
>
<
Formik
initialValues
=
{{
userId
:
''
,
password
:
''
,
}}
validationSchema
=
{
Yup
.
object
({
userId
:
Yup
.
string
()
.
required
(
'
아이디를 입력해주세요.
'
),
password
:
Yup
.
string
()
.
required
(
'
비밀번호를 입력해주세요.
'
),
})}
onSubmit
=
{(
values
,
{
setSubmitting
})
=>
{
setTimeout
(()
=>
{
alert
(
JSON
.
stringify
(
values
,
null
,
2
));
setSubmitting
(
false
);
},
400
);
}}
>
{
formik
=>
(
<
form
onSubmit
=
{
formik
.
handleSubmit
}
className
=
"
m-5
"
>
<
div
className
=
"
mb-3
"
>
<
input
type
=
"
text
"
name
=
"
userId
"
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
placeholder
=
"
아이디
"
{...
formik
.
getFieldProps
(
'
userId
'
)}
/
>
{
formik
.
touched
.
userId
&&
formik
.
errors
.
userId
?
(
<
div
className
=
"
text-danger
"
style
=
{{
fontSize
:
"
10px
"
}}
>
{
formik
.
errors
.
userId
}
<
/div
>
)
:
null
}
<
/div
>
<
div
className
=
"
mb-3
"
>
<
input
type
=
"
password
"
name
=
"
password
"
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
placeholder
=
"
비밀번호
"
{...
formik
.
getFieldProps
(
'
password
'
)}
/
>
{
formik
.
touched
.
password
&&
formik
.
errors
.
password
?
(
<
div
className
=
"
text-danger
"
style
=
{{
fontSize
:
"
10px
"
}}
>
{
formik
.
errors
.
password
}
<
/div
>
)
:
null
}
<
/div
>
<
div
className
=
"
d-grid gap-2 mt-5
"
>
<
button
type
=
"
submit
"
className
=
"
btn btn-crimson
"
>
로그인
<
/button
>
<
Link
className
=
"
btn btn-crimson
"
to
=
"
/signup
"
>
회원가입
<
/Link
>
<
/div
>
<
/form
>
)}
<
/Formik
>
<
/div
>
);
}
export
default
LoginForm
;
client/src/components/SignupForm.js
View file @
0fd1df98
import
React
from
'
react
'
;
import
React
from
'
react
'
;
import
{
Formik
}
from
'
formik
'
;
import
{
Formik
}
from
'
formik
'
;
import
*
as
Yup
from
'
yup
'
;
import
*
as
Yup
from
'
yup
'
;
import
BackBtn
from
'
./Buttons/BackBtn
'
;
const
SignupForm
=
()
=>
{
const
SignupForm
=
()
=>
{
return
(
return
(
<
div
>
<
div
>
<
div
>
<
BackBtn
/>
<
h1
className
=
"
text-center
"
>
회원가입
<
/h1
>
<
div
className
=
"
d-inline-block
"
style
=
{{
width
:
"
-webkit-fill-available
"
}}
>
<
h1
className
=
"
text-center my-4
"
>
회원가입
<
/h1
>
<
/div
>
<
/div
>
<
Formik
<
Formik
initialValues
=
{{
initialValues
=
{{
userI
D
:
''
,
userI
d
:
''
,
password
:
''
,
password
:
''
,
repassword
:
''
,
repassword
:
''
,
userName
:
''
,
userName
:
''
,
...
@@ -43,53 +46,70 @@ const SignupForm = () => {
...
@@ -43,53 +46,70 @@ const SignupForm = () => {
}}
}}
>
>
{
formik
=>
(
{
formik
=>
(
<
form
onSubmit
=
{
formik
.
handleSubmit
}
>
<
form
onSubmit
=
{
formik
.
handleSubmit
}
className
=
"
mt-5
"
>
<
div
>
<
div
className
=
"
mb-3 d-flex flex-row
"
>
<
label
className
=
"
form-label
"
>
아이디
<
/label
>
<
label
className
=
"
form-label
"
style
=
{{
width
:
"
100px
"
}}
>
아이디
<
/label
>
<
input
type
=
"
text
"
name
=
"
userID
"
<
div
className
=
"
flex-col
"
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
<
input
type
=
"
text
"
name
=
"
userId
"
{...
formik
.
getFieldProps
(
'
userID
'
)}
/
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
{
formik
.
touched
.
userID
&&
formik
.
errors
.
userID
?
(
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
<
div
className
=
"
text-secondary
"
>
{
formik
.
errors
.
userID
}
<
/div
>
{...
formik
.
getFieldProps
(
'
userId
'
)}
/
>
)
:
null
}
{
formik
.
touched
.
userId
&&
formik
.
errors
.
userId
?
(
<
div
className
=
"
text-danger
"
style
=
{{
fontSize
:
"
10px
"
}}
>
{
formik
.
errors
.
userId
}
<
/div
>
)
:
null
}
<
/div
>
<
/div
>
<
/div
>
<
div
>
<
div
className
=
"
mb-3 d-flex flex-row
"
>
<
label
className
=
"
form-label
"
>
비밀번호
<
/label
>
<
label
className
=
"
form-label
"
style
=
{{
width
:
"
100px
"
}}
>
비밀번호
<
/label
>
<
input
type
=
"
password
"
name
=
"
password
"
<
div
className
=
"
flex-col
"
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
<
input
type
=
"
password
"
name
=
"
password
"
{...
formik
.
getFieldProps
(
'
password
'
)}
/
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
{
formik
.
touched
.
password
&&
formik
.
errors
.
password
?
(
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
<
div
className
=
"
text-secondary
"
>
{
formik
.
errors
.
password
}
<
/div
>
{...
formik
.
getFieldProps
(
'
password
'
)}
/
>
)
:
null
}
{
formik
.
touched
.
password
&&
formik
.
errors
.
password
?
(
<
div
className
=
"
text-danger
"
style
=
{{
fontSize
:
"
10px
"
}}
>
{
formik
.
errors
.
password
}
<
/div
>
)
:
null
}
<
/div
>
<
/div
>
<
/div
>
<
div
>
<
div
className
=
"
mb-3 d-flex flex-row
"
>
<
label
className
=
"
form-label
"
>
비밀번호
확인
<
/label
>
<
label
className
=
"
form-label
"
style
=
{{
width
:
"
100px
"
,
wordBreak
:
"
keep-all
"
}}
>
비밀번호
확인
<
/label
>
<
input
type
=
"
password
"
name
=
"
repassword
"
<
div
className
=
"
flex-col
"
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
<
input
type
=
"
password
"
name
=
"
repassword
"
{...
formik
.
getFieldProps
(
'
repassword
'
)}
/
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
{
formik
.
touched
.
repassword
&&
formik
.
errors
.
repassword
?
(
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
<
div
className
=
"
text-secondary
"
>
{
formik
.
errors
.
repassword
}
<
/div
>
{...
formik
.
getFieldProps
(
'
repassword
'
)}
/
>
)
:
null
}
{
formik
.
touched
.
repassword
&&
formik
.
errors
.
repassword
?
(
<
div
className
=
"
text-danger
"
style
=
{{
fontSize
:
"
10px
"
}}
>
{
formik
.
errors
.
repassword
}
<
/div
>
)
:
null
}
<
/div
>
<
/div
>
<
/div
>
<
div
>
<
div
className
=
"
mb-3 d-flex flex-row
"
>
<
label
className
=
"
form-label
"
>
이름
<
/label
>
<
label
className
=
"
form-label
"
style
=
{{
width
:
"
100px
"
}}
>
이름
<
/label
>
<
input
type
=
"
text
"
name
=
"
userName
"
<
div
className
=
"
flex-col
"
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
<
input
type
=
"
text
"
name
=
"
userName
"
{...
formik
.
getFieldProps
(
'
userName
'
)}
/
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
{
formik
.
touched
.
userName
&&
formik
.
errors
.
userName
?
(
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
<
div
className
=
"
text-secondary
"
>
{
formik
.
errors
.
userName
}
<
/div
>
{...
formik
.
getFieldProps
(
'
userName
'
)}
/
>
)
:
null
}
{
formik
.
touched
.
userName
&&
formik
.
errors
.
userName
?
(
<
div
className
=
"
text-danger
"
style
=
{{
fontSize
:
"
10px
"
}}
>
{
formik
.
errors
.
userName
}
<
/div
>
)
:
null
}
<
/div
>
<
/div
>
<
/div
>
<
div
>
<
div
className
=
"
mb-3 d-flex flex-row
"
>
<
label
className
=
"
form-label
"
>
학번
<
/label
>
<
label
className
=
"
form-label
"
style
=
{{
width
:
"
100px
"
}}
>
학번
<
/label
>
<
input
type
=
"
text
"
name
=
"
userStudNum
"
<
div
className
=
"
flex-col
"
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
<
input
type
=
"
text
"
name
=
"
userStudNum
"
{...
formik
.
getFieldProps
(
'
userStudNum
'
)}
/
>
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
{
formik
.
touched
.
userStudNum
&&
formik
.
errors
.
userStudNum
?
(
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
<
div
className
=
"
text-secondary
"
>
{
formik
.
errors
.
userStudNum
}
<
/div
>
{...
formik
.
getFieldProps
(
'
userStudNum
'
)}
/
>
)
:
null
}
{
formik
.
touched
.
userStudNum
&&
formik
.
errors
.
userStudNum
?
(
<
div
className
=
"
text-danger
"
style
=
{{
fontSize
:
"
10px
"
}}
>
{
formik
.
errors
.
userStudNum
}
<
/div
>
)
:
null
}
<
/div
>
<
/div
>
<
div
className
=
"
d-grid gap-2
"
>
<
button
type
=
"
submit
"
className
=
"
btn btn-crimson my-5
"
>
확인
<
/button
>
<
/div
>
<
/div
>
<
button
type
=
"
submit
"
>
확인
<
/button
>
<
/form
>
<
/form
>
)}
)}
<
/Formik
>
<
/Formik
>
...
...
client/src/pages/LoginPage.js
View file @
0fd1df98
import
React
from
'
react
'
;
import
React
from
'
react
'
;
import
{
Formik
}
from
'
formik
'
;
import
LoginForm
from
'
../components/LoginForm
'
;
import
*
as
yup
from
'
yup
'
;
import
SignupForm
from
'
../components/SignupForm
'
;
function
LoginPage
()
{
function
LoginPage
()
{
return
(
return
(
<>
<>
<
div
>
<
div
className
=
"
d-inline-block
"
style
=
{{
width
:
"
-webkit-fill-available
"
}}
>
<
h1
>
오늘의
KU
<
/h1
>
<
h1
className
=
"
mt-4
"
>
오늘의
KU
<
/h1
>
<
p
>-
일정관리앱
<
/p
>
<
p
className
=
"
ms-4
"
>-
일정관리앱
<
/p
>
<
/div
>
<
/div
>
<
LoginForm
/>
<
/
>
<
/
>
);
);
}
}
...
...
client/src/pages/StudyPlanEditPage.js
View file @
0fd1df98
const
StudyPlanEditPage
=
()
=>
{
const
StudyPlanEditPage
=
()
=>
{
return
(
return
(
<><
/
>
<>
<
select
className
=
"
form-select
"
aria
-
label
=
"
Default select example
"
>
<
option
selected
>
관련
과목을
선택해주세요
.
<
/option
>
<
option
value
=
"
1
"
>
운영체제
<
/option
>
<
option
value
=
"
2
"
>
네트워크
프로그래밍
및
실습
<
/option
>
<
option
value
=
"
3
"
>
수학적
모델링
<
/option
>
<
/select
>
<
input
type
=
"
text
"
name
=
"
studyplanTitle
"
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
placeholder
=
"
제목
"
/>
<
label
className
=
"
form-label m-2
"
>
마감일
<
/label
>
<
input
type
=
"
date
"
value
=
"
2021-10-12
"
className
=
""
/>
<
input
type
=
"
time
"
value
=
"
00:00
"
className
=
""
/>
<
/
>
)
)
}
}
...
...
client/src/pages/SubjectEditPage.js
View file @
0fd1df98
const
SubjectEditPage
=
()
=>
{
const
SubjectEditPage
=
()
=>
{
return
(
return
(
<><
/
>
<>
<
div
className
=
"
position-absolute top-50 start-50 translate-middle
"
style
=
{{
width
:
"
80%
"
}}
>
<
div
>
<
div
className
=
"
mb-5 d-flex flex-row
"
>
<
label
className
=
"
form-label
"
style
=
{{
width
:
"
100px
"
}}
>
강의명
<
/label
>
<
input
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
/
>
<
/div
>
<
div
className
=
"
mb-5 d-flex flex-row
"
>
<
label
className
=
"
form-label
"
style
=
{{
width
:
"
100px
"
}}
>
교수명
<
/label
>
<
input
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
/
>
<
/div
>
<
div
className
=
"
mb-5 d-flex flex-row
"
>
<
label
className
=
"
form-label
"
style
=
{{
width
:
"
100px
"
}}
>
장소
<
/label
>
<
input
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
/
>
<
/div
>
<
/div
>
<
div
className
=
""
>
<
button
className
=
"
btn btn-primary
"
type
=
"
button
"
>
취소
<
/button
>
<
button
className
=
"
btn btn-primary
"
type
=
"
button
"
>
확인
<
/button
>
<
/div
>
<
/div
>
<
/
>
)
)
}
}
export
default
SubjectEditPage
export
default
SubjectEditPage
;
\ No newline at end of file
\ No newline at end of file
client/src/pages/ToDoPage.js
View file @
0fd1df98
import
Menu
from
"
../components/Menu/Menu.js
"
;
import
Menu
from
"
../components/Menu/Menu.js
"
;
import
HomeBtn
from
"
../components/Buttons/HomeBtn.js
"
;
import
HomeBtn
from
"
../components/Buttons/HomeBtn.js
"
;
import
styles
from
"
../components/Buttons/buttons.module.scss
"
;
const
ToDoPage
=
()
=>
{
const
ToDoPage
=
()
=>
{
return
(
return
(
<>
<>
<
Menu
/>
<
Menu
/>
<
HomeBtn
/>
<
HomeBtn
/>
<
h1
>
To
-
do
<
/h1
>
{
/* modal */
}
<
div
>
<
button
type
=
"
button
"
className
=
{
`btn position-absolute
${
styles
.
editBtn
}
`
}
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#staticBackdrop
"
>
<
i
className
=
{
`bi bi-plus-circle
${
styles
.
icon
}
`
}
><
/i
>
<
/button
>
<
div
className
=
"
modal fade
"
id
=
"
staticBackdrop
"
data
-
bs
-
backdrop
=
"
static
"
data
-
bs
-
keyboard
=
"
false
"
tabindex
=
"
-1
"
aria
-
labelledby
=
"
staticBackdropLabel
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal-dialog modal-dialog-centered
"
>
<
div
className
=
"
modal-content
"
style
=
{{
backgroundColor
:
"
crimson
"
}}
>
<
div
className
=
"
modal-header p-1
"
>
<
h5
className
=
"
modal-title text-white
"
id
=
"
staticBackdropLabel
"
>
To
-
do
<
/h5
>
<
button
type
=
"
button
"
className
=
"
btn-close
"
data
-
bs
-
dismiss
=
"
modal
"
aria
-
label
=
"
Close
"
><
/button
>
<
/div
>
<
div
className
=
"
modal-body
"
style
=
{{
backgroundColor
:
"
white
"
}}
>
<
input
type
=
"
text
"
name
=
"
todoTitle
"
className
=
"
form-control border-top-0 border-end-0 border-start-0
"
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
placeholder
=
"
제목
"
/>
<
label
className
=
"
form-label m-2
"
>
날짜
<
/label
>
<
input
type
=
"
date
"
value
=
"
2021-10-12
"
className
=
"
ms-4 mt-4
"
/>
<
/div
>
<
div
className
=
"
modal-footer p-1
"
style
=
{{
backgroundColor
:
"
white
"
}}
>
<
button
type
=
"
button
"
className
=
"
btn btn-secondary btn-sm
"
data
-
bs
-
dismiss
=
"
modal
"
>
취소
<
/button
>
<
button
type
=
"
button
"
className
=
"
btn btn-crimson btn-sm
"
>
확인
<
/button
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/
>
<
/
>
)
)
}
}
...
...
client/src/scss/custom.scss
View file @
0fd1df98
$crimson
:
#DC143C
;
$crimson
:
#DC143C
;
@import
"../../node_modules/bootstrap/scss/functions"
;
@import
"../../node_modules/bootstrap/scss/functions"
;
@import
"~bootstrap/scss/variables"
;
@import
"~bootstrap/scss/variables"
;
...
@@ -48,7 +48,7 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
...
@@ -48,7 +48,7 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
src
:
url("../fonts/IBMPlexSansKR-Text.ttf")
;
src
:
url("../fonts/IBMPlexSansKR-Text.ttf")
;
}
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
label
,
select
{
font-family
:
"Plex-Bold"
;
font-family
:
"Plex-Bold"
;
}
}
...
...
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