Skip to content
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

[2주차] 김지원 미션 제출합니다. #10

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

[2주차] 김지원 미션 제출합니다. #10

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
4ff49f9
feat : add favicon, title
geeoneee Sep 20, 2023
e0ee46e
feat: TodoList 뼈대
geeoneee Sep 20, 2023
87c055f
feat : clock.js
geeoneee Sep 20, 2023
3e73431
feat : TodoInput, ListContainer 데이터 추가 기능 작성
geeoneee Sep 21, 2023
b7acc9c
feat : 삭제 기능 추가
geeoneee Sep 21, 2023
504598f
feat : count 기능 추가
geeoneee Sep 21, 2023
7c9cbab
feat : moveItem 기능 추가
geeoneee Sep 21, 2023
edcff18
feat : css 작성
geeoneee Sep 22, 2023
9c361b7
fix : 한글 중복랜더링
geeoneee Sep 22, 2023
80f1066
feat : localstorage
geeoneee Sep 22, 2023
e67856e
feat : 수정 기능 추가
geeoneee Sep 22, 2023
b019e92
style : 수정 기능 css
geeoneee Sep 22, 2023
29997f6
배포용
geeoneee Sep 22, 2023
1655f50
chore: 주석 추가
geeoneee Sep 22, 2023
fe68124
chore : container의 countTitle 변경
geeoneee Sep 22, 2023
6bafe2e
fix : word-break 추가
geeoneee Sep 22, 2023
da866d4
chore : css 수정 및 doneData 삭제 수정
geeoneee Sep 22, 2023
c830c4d
Update src/TodoList.js
geeoneee Sep 24, 2023
e369d99
Update src/TodoItem.js
geeoneee Sep 24, 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
1 change: 1 addition & 0 deletions src/ListContainer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,7 @@ const ListContainer = ({ onEdit, onDelete, moveItem, data }) => {
<TodoItem
key={it.id}
{...it}
onEdit={onEdit}
onDelete={onDelete}
moveItem={moveItem}
/>
Expand Down
5 changes: 5 additions & 0 deletions src/TodoItem.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -111,6 +111,9 @@ const EditBtn = styled.button`
`;

const EditingBtn = styled.button`
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
Comment on lines +112 to +114
Copy link

Choose a reason for hiding this comment

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

처음 보는 css속성이어서 검색해봤는데, 이렇게 하면 특별한 코드로직 없이 말줄임(...)을 구현할 수 있겠네요!
상황에 따라 정말 유용하게 쓸 수 있을 것 같습니다, 하나 배우고 갑니다!

border: none;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 5px;
Expand All @@ -121,6 +124,7 @@ const EditingBtn = styled.button`

const DeleteBtn = styled.button`
opacity: 0;
white-space: nowrap
border: none;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 5px;
Expand All @@ -139,6 +143,7 @@ const EditTextarea = styled.textarea`
border-radius: 5px;
padding: 8px;
font-size: 13px;
vertical-align: middlle;
`;

const Datalist = styled.div`
Expand Down