-
Notifications
You must be signed in to change notification settings - Fork 11
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.
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
[1주차] 김영서 미션 제출합니다. #10
Open
kkys00
wants to merge
27
commits into
CEOS-Developers:main
Choose a base branch
from
kkys00:kkys00
base: main
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Changes from all commits
Commits
Show all changes
27 commits
Select commit
Hold shift + click to select a range
d450975
feat: Todo 기본 UI 구현
kkys00 066fbf8
chore: prettier 설정
kkys00 a562dee
feat: input에 대해 엔터, 버튼 클릭 처리 구현
kkys00 dbb736f
feat: Todo 상단에 오늘 날짜 반영 구현
kkys00 115cb9d
feat: 추가된 todo를 화면에 표시 구현
kkys00 d2cfe5d
refactor: todo 삭제를 쉽게 하기 위해 todoList를 객체로 변경
kkys00 418e7e1
feat: todo 삭제 기능 구현
kkys00 645efa0
feat: 완료된 todo를 위한 todoListFinished 별도 관리, 상태 토글, 삭제 구현
kkys00 89e14b2
feat: 체크 토글 시 아이콘 변경 기능 구현
kkys00 d326f3e
feat: 완료 task 개수 / 총 task 개수 표시 기능 구현
kkys00 47eb816
style: Pretendard 폰트 적용
kkys00 0205071
feat: 날짜 선택 및 화면 표시 구현
kkys00 82283b6
feat: 날짜별 todo 저장 및 표시 구현
kkys00 3f15dd0
chore: 주석 제거, console.log 제거
kkys00 64488b6
feat: LocalStorage 저장 기능 구현
kkys00 e9637c1
style: 날짜에 대한 hover 스타일 추가
kkys00 ced5d03
feat: Todo header에 홈 기능 추가
kkys00 f84a445
docs: README 작성
kkys00 7be6e17
chore: 사용하지 않는 코드 삭제 및 정리
kkys00 6c941b0
style: weekly 추가를 위한 view 조정
kkys00 f4ca3d6
feat: 주간 todo count를 화면에 표시하고 계산 구현
kkys00 9f091fe
fix: task 통계 NaN 오류 수정
kkys00 c1d16d9
feat: weekly 연월 element 클릭 시 날짜 선택 기능 추가
kkys00 30dee3b
feat: weekly data 클릭 시 daily view 이동 구현
kkys00 e074068
feat: task를 추가할 때만 객체 생성으로 로직 변경
kkys00 5e06d48
feat: KS 기준 week 표시 구현
kkys00 ab4c712
docs: README 작성 추가
kkys00 File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| { | ||
| "semi": false, | ||
| "singleQuote": true, | ||
| "trailingComma": "es5", | ||
| "bracketSpacing": true, | ||
| "arrowParens": "always", | ||
| "useTabs": false, | ||
| "tabWidth": 2, | ||
| "printWidth": 80, | ||
| "endOfLine": "lf" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,143 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="./style.css" /> | ||
| <title>YS-Todo</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <a href="/"> | ||
| <h1>Todo</h1> | ||
| </a> | ||
| </header> | ||
| <main> | ||
| <div class="weekly-check view"> | ||
| <section class="todoDate"> | ||
| <h1 class="date">Weekly Check</h1> | ||
| <span id="weekly-week" class="year"></span> | ||
| </section> | ||
| <section class="weeklyDataContainer"> | ||
| <div class="weeklyDataItem"> | ||
| <div class="dataHeader sun">Sun</div> | ||
| <div class="weekly-date"></div> | ||
| <div class="weekly-state"></div> | ||
| </div> | ||
| <div class="weeklyDataItem"> | ||
| <div class="dataHeader">Mon</div> | ||
| <div class="weekly-date"></div> | ||
| <div class="weekly-state"></div> | ||
| </div> | ||
| <div class="weeklyDataItem"> | ||
| <div class="dataHeader">Tue</div> | ||
| <div class="weekly-date"></div> | ||
| <div class="weekly-state"></div> | ||
| </div> | ||
| <div class="weeklyDataItem"> | ||
| <div class="dataHeader">Wed</div> | ||
| <div class="weekly-date"></div> | ||
| <div class="weekly-state"></div> | ||
| </div> | ||
| <div class="weeklyDataItem"> | ||
| <div class="dataHeader">Thu</div> | ||
| <div class="weekly-date"></div> | ||
| <div class="weekly-state"></div> | ||
| </div> | ||
| <div class="weeklyDataItem"> | ||
| <div class="dataHeader">Fri</div> | ||
| <div class="weekly-date"></div> | ||
| <div class="weekly-state"></div> | ||
| </div> | ||
| <div class="weeklyDataItem"> | ||
| <div class="dataHeader sat">Sat</div> | ||
| <div class="weekly-date"></div> | ||
| <div class="weekly-state"></div> | ||
| </div> | ||
| <div id="weekly-total"></div> | ||
| </section> | ||
| </div> | ||
| <div class="daily-view view"> | ||
| <section class="todoDate"> | ||
| <span id="daily-year" class="year"></span> | ||
| <h1 class="date"> | ||
| <span id="daily-date"></span> | ||
| <span id="todo-count" class="count"></span> | ||
| </h1> | ||
| <input id="date-input" type="date" hidden /> | ||
| </section> | ||
| <section class="todoInput"> | ||
| <input id="todo-input" placeholder="무엇을 하고 싶은가요?" /> | ||
| <button id="add-button" class="plusBtn"> | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width="24" | ||
| height="24" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| stroke="currentColor" | ||
| stroke-width="2" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| class="lucide lucide-plus" | ||
| > | ||
| <path d="M5 12h14" /> | ||
| <path d="M12 5v14" /> | ||
| </svg> | ||
| </button> | ||
| </section> | ||
|
|
||
| <svg style="display: none"> | ||
| <symbol | ||
| id="icon-circle-dashed" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| stroke="currentColor" | ||
| stroke-width="2" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| > | ||
| <path d="M10.1 2.182a10 10 0 0 1 3.8 0" /> | ||
| <path d="M13.9 21.818a10 10 0 0 1-3.8 0" /> | ||
| <path d="M17.609 3.721a10 10 0 0 1 2.69 2.7" /> | ||
| <path d="M2.182 13.9a10 10 0 0 1 0-3.8" /> | ||
| <path d="M20.279 17.609a10 10 0 0 1-2.7 2.69" /> | ||
| <path d="M21.818 10.1a10 10 0 0 1 0 3.8" /> | ||
| <path d="M3.721 6.391a10 10 0 0 1 2.7-2.69" /> | ||
| <path d="M6.391 20.279a10 10 0 0 1-2.69-2.7" /> | ||
| </symbol> | ||
|
|
||
| <symbol | ||
| id="icon-circle-check-big" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| stroke="currentColor" | ||
| stroke-width="2" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| > | ||
| <path d="M21.801 10A10 10 0 1 1 17 3.335" /> | ||
| <path d="m9 11 3 3L22 4" /> | ||
| </symbol> | ||
|
|
||
| <symbol | ||
| id="icon-x" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| stroke="currentColor" | ||
| stroke-width="2" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| > | ||
| <path d="M18 6 6 18" /> | ||
| <path d="m6 6 12 12" /> | ||
| </symbol> | ||
| </svg> | ||
|
|
||
| <section id="todoList-container" class="todoList"></section> | ||
| </div> | ||
| </main> | ||
| <footer></footer> | ||
| <script src="./script.js"></script> | ||
| </body> | ||
| </html> | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
심볼에 관련한 부분은 svg 파일로 분리를 해서 재사용성을 높여주는 것도 좋은 방법일 것 같습니당