Skip to content

[1주차] 남기림 과제 제출합니다. #5

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
GirimNam wants to merge 8 commits into
base: master
Choose a base branch
from
Open

[1주차] 남기림 과제 제출합니다. #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
fb8e16a
first commit
Mar 14, 2026
a1e616c
Merge remote-tracking branch 'upstream/master'
Mar 14, 2026
0f59736
feat: vite.config.js 파일 추가
Mar 14, 2026
c4fe0e0
feat: 날짜 이동 버튼 추가
Mar 15, 2026
11ac082
feat: 배경상수 전역 범위 변경
Mar 19, 2026
df4a03a
feat: date()를 temporal()로 변경
Mar 19, 2026
2546471
fix: localStorage() 로드 값 변경
Mar 19, 2026
1b71b1f
fix: 1주차 코드리뷰 반영
Mar 21, 2026
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
24 changes: 24 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
43 changes: 43 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>todo</title>
</head>
<body>
<div id="app">
<header>
<h1>TO DO LIST</h1>
Copy link
Copy Markdown

@Tutankhannun Tutankhannun Mar 16, 2026

Choose a reason for hiding this comment

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

UI 상에서 다른 요소와 같이 해당 텍스트도 중앙 정렬해주셔도 좋을 것 같습니다.


<div class="date-btns">
<button id="prev">◀</button>
<h2 id="date"></h2>
<button id="next">▶</button>
</div>
</header>

<main>
<section class="inputlist">
<form>
<input
type="text"
id="todo-input"
placeholder="할 일을 입력하세요."
/>
<button id="add">추가</button>
</form>

<div>남은 TO DO의 개수: <span class="count">0</span>개</div>
</section>

<section>
<ul id="todo-list"></ul>
</section>
</main>
Comment on lines +10 to +37
Copy link
Copy Markdown

@waldls waldls Mar 16, 2026

Choose a reason for hiding this comment

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

header, main, section 같은 시맨틱 태그를 적절히 활용해 주셔서 문서 구조가 한눈에 들어오네요! 특히 form 태그를 사용해 입력부를 구성하신 점이 인상 깊습니다ㅎㅎ

</div>

<script type="module" src="/src/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@js-temporal/polyfill"></script>
</body>
</html>
Loading