Skip to content

[Week1] TodoList UI 모듈화 #2

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

Merged
merged 5 commits into from
Jul 12, 2021
Merged

[Week1] TodoList UI 모듈화 #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
e0b9819
[week1] TodoUI UI component 분리
ink-0 Jul 11, 2021
0060f4b
[week1] favicon 변경
ink-0 Jul 11, 2021
a484359
[Week1] TodoInput 기능 구현현
ink-0 Jul 11, 2021
8836ea4
TodoCount UI 분리
ink-0 Jul 12, 2021
c4d0353
TodoList UI 수정
ink-0 Jul 12, 2021
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
51 changes: 42 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,31 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>이벤트 - TODOS</title>
<title>Tami's Todo</title>
<link rel="stylesheet" href="./src/css/style.css" />
<link
rel="shortcut icon"
href="./src/images/tamicon.ico"
type="image/x-icon"
/>
<script defer src="./index.js" type="module"></script>
</head>
<body>
<div class="todoapp">
<h1>TODOS</h1>
<input

<!-- <input
id="new-todo-title"
class="new-todo"
placeholder="할일을 추가해주세요"
autofocus
/>
<main>
/> -->
<main class="App">
<input class="toggle-all" type="checkbox" />
<ul id="todo-list" class="todo-list"></ul>
<div class="count-container">
<span class="todo-count">총 <strong>0</strong> 개</span>
<ul class="filters">
<!-- <ul id="todo-list" class="todo-list"></ul> -->
<!-- <div class="count-container"> -->
<!-- <span class="todo-count">총 <strong>0</strong> 개</span> -->
<!-- <ul class="filters">
<li>
<a class="all selected" href="#">전체보기</a>
</li>
Expand All @@ -30,8 +37,34 @@ <h1>TODOS</h1>
<li>
<a class="completed" href="#completed">완료한 일</a>
</li>
</ul>
</ul> -->
</div>
<!-- <ul id="todo-list" class="todo-list">
<li>
<div class="view">
<input class="toggle" type="checkbox"/>
<label class="label">새로운 타이틀</label>
<button class="destroy"></button>
</div>
<input class="edit" value="새로운 타이틀" />
</li>
<li class="editing">
<div class="view">
<input class="toggle" type="checkbox" />
<label class="label">완료된 타이틀</label>
<button class="destroy"></button>
</div>
<input class="edit" value="완료된 타이틀" />
</li>
<li class="completed">
<div class="view">
<input class="toggle" type="checkbox" checked/>
<label class="label">완료된 타이틀</label>
<button class="destroy"></button>
</div>
<input class="edit" value="완료된 타이틀" />
</li>
</ul> -->
</main>
</div>
</body>
Expand Down
2 changes: 2 additions & 0 deletions index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
import TodoApp from './src/js/TodoApp.js';
new TodoApp(document.querySelector('.App'));
Loading