Skip to content

Commit 0386adf

Browse files
ink-0ink-0
authored
Merge pull request #2 from ink-0/week1/1/TodoUI
[Week1] TodoList UI 모듈화
2 parents a16dff3 + c4d0353 commit 0386adf

File tree

9 files changed

+369
-198
lines changed

9 files changed

+369
-198
lines changed

‎index.html

Lines changed: 42 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,24 +3,31 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>이벤트 - TODOS</title>
6+
<title>Tami's Todo</title>
77
<link rel="stylesheet" href="./src/css/style.css" />
8+
<link
9+
rel="shortcut icon"
10+
href="./src/images/tamicon.ico"
11+
type="image/x-icon"
12+
/>
13+
<script defer src="./index.js" type="module"></script>
814
</head>
915
<body>
1016
<div class="todoapp">
1117
<h1>TODOS</h1>
12-
<input
18+
19+
<!-- <input
1320
id="new-todo-title"
1421
class="new-todo"
1522
placeholder="할일을 추가해주세요"
1623
autofocus
17-
/>
18-
<main>
24+
/> -->
25+
<main class="App">
1926
<input class="toggle-all" type="checkbox" />
20-
<ul id="todo-list" class="todo-list"></ul>
21-
<div class="count-container">
22-
<span class="todo-count">총 <strong>0</strong> 개</span>
23-
<ul class="filters">
27+
<!-- <ul id="todo-list" class="todo-list"></ul> -->
28+
<!-- <div class="count-container"> -->
29+
<!-- <span class="todo-count">총 <strong>0</strong> 개</span> -->
30+
<!-- <ul class="filters">
2431
<li>
2532
<a class="all selected" href="#">전체보기</a>
2633
</li>
@@ -30,8 +37,34 @@ <h1>TODOS</h1>
3037
<li>
3138
<a class="completed" href="#completed">완료한 일</a>
3239
</li>
33-
</ul>
40+
</ul> -->
3441
</div>
42+
<!-- <ul id="todo-list" class="todo-list">
43+
<li>
44+
<div class="view">
45+
<input class="toggle" type="checkbox"/>
46+
<label class="label">새로운 타이틀</label>
47+
<button class="destroy"></button>
48+
</div>
49+
<input class="edit" value="새로운 타이틀" />
50+
</li>
51+
<li class="editing">
52+
<div class="view">
53+
<input class="toggle" type="checkbox" />
54+
<label class="label">완료된 타이틀</label>
55+
<button class="destroy"></button>
56+
</div>
57+
<input class="edit" value="완료된 타이틀" />
58+
</li>
59+
<li class="completed">
60+
<div class="view">
61+
<input class="toggle" type="checkbox" checked/>
62+
<label class="label">완료된 타이틀</label>
63+
<button class="destroy"></button>
64+
</div>
65+
<input class="edit" value="완료된 타이틀" />
66+
</li>
67+
</ul> -->
3568
</main>
3669
</div>
3770
</body>

‎index.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
import TodoApp from './src/js/TodoApp.js';
2+
new TodoApp(document.querySelector('.App'));

0 commit comments

Comments
 (0)