Skip to content

[2주차] 이규호 미션 제출합니다. #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kyuhho wants to merge 16 commits into
base: master
Choose a base branch
from
Open

[2주차] 이규호 미션 제출합니다. #9

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
7b70be2
feat : todolist 기초 세팅
kyuhho Sep 19, 2023
1b90ebb
style: css 색상 변수로 선언
kyuhho Sep 19, 2023
2f3f0f5
fix : react 18 관련 error 수정
kyuhho Sep 20, 2023
ca8c2a0
refactor : clock & cards component 파일로 이동
kyuhho Sep 20, 2023
31c0cd6
feat : todo 추가하기 구현
kyuhho Sep 20, 2023
1761c96
chore : global에서의 flex 선언 제거
kyuhho Sep 20, 2023
25aa120
feat : delete 기능 구현
kyuhho Sep 20, 2023
474f8ac
feat : todo체크 기능 구현(styled-component)
kyuhho Sep 21, 2023
30ff7ce
feat : localStorage 저장 구현
kyuhho Sep 22, 2023
12444f3
Merge pull request #1 from leekyuho114/leekyuho114
kyuhho Sep 22, 2023
a904ba5
feat : 색상 기능 추가
kyuhho Sep 22, 2023
040a0f2
Merge pull request #2 from leekyuho114/leekyuho114
kyuhho Sep 22, 2023
a90782a
fix: 글자 card 넘어가는 오류 수정
kyuhho Oct 1, 2023
d5f8656
Merge pull request #3 from leekyuho114/leekyuho114
kyuhho Oct 1, 2023
4b077c1
fix: description 줄바꿈 수정
kyuhho Oct 1, 2023
aefd4f1
Merge pull request #4 from leekyuho114/leekyuho114
kyuhho Oct 1, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 12 additions & 8 deletions src/App.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,10 @@
font-weight: normal;
font-style: normal;
}
:root{
--card-color: #ECECEC;
--bg-color: black;
}

@sujinRo sujinRo Sep 24, 2023

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

색상을 따로 지정해두고 사용하니까 코드가 더 깔끔하네요!

.header{
display: flex;
height: 150px;
Expand Down Expand Up @@ -34,16 +38,16 @@
padding-bottom: 5px;
}
input{/*input 태그 따로 설정*/
background-color: black;
color: #ECECEC;
border: solid 2px #ECECEC;
background-color: var(--bg-color);
color: var(--card-color);
border: solid 2px var(--card-color);
border-radius: 6px;
width: 400px;
}
#plusButton{
background-color: black;
color: #ECECEC;
border: solid 2px #ECECEC;
background-color: var(--bg-color);
color: var(--card-color);
border: solid 2px var(--card-color);
border-radius: 6px;
width: 35px;
margin-left: 5px;
Expand All @@ -54,8 +58,8 @@ input{/*input 태그 따로 설정*/
color : #5f5f5f;
}
.todoCard{
background-color: #ECECEC;
color : black;
background-color: var(--card-color);
color : var(--bg-color);
display:flex; /*todoElem 세로축 가운데 정렬*/
align-items:center;
justify-content:space-between;/* item 사이 간격 균일하게 */
Expand Down