-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
132 lines (129 loc) · 5.76 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta property="og:type" content="website" />
<meta property="og:title" content="Vanilla JavaScript로 구현하기" />
<meta property="og:site_name" content="Vanilla JavaScript로 구현하기" />
<meta property="og:locale" content="ko" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>No Framework VanillaJS</title>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./assets/css/pico.min.css">
<link rel="stylesheet" href="./assets/css/index.css">
</head>
<body>
<header>
<h1>Vanilla JavaScript로 구현하기</h1>
</header>
<main class="container">
<article>
<table>
<thead>
<tr>
<th scope="col" width="30%">타이틀</th>
<th scope="col" width="70%">컨텐츠</th>
</tr>
</thead>
<tbody>
<tr>
<th>컴포넌트<br>[ Component ]</th>
<td>
<ul>
<li><a href="./01_component/virtual-dom/index.html">Virtual DOM</a></li>
<li><a href="./01_component/shadow-dom/index.html">Shadow DOM</a></li>
<hr>
<li><a href="./01_component/web-component/pure/index.html">Web Component - Pure Web Component</a></li>
<li><a href="./01_component/web-component/custom/index.html">Web Component - Custom Web Component</a>
</li>
<li><a href="#">Class Component <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Functional Component <u>아직 추가되지 않았습니다.</u></a></li>
</ul>
</td>
</tr>
<tr>
<th>상태 관리<br>[ State Management ]</th>
<td>
<ul>
<li><a href="#">Local Storage <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Redux <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Vuex <u>아직 추가되지 않았습니다.</u></a></li>
</ul>
</td>
</tr>
<tr>
<th>이벤트<br>[ Event ]</th>
<td>
<ul>
<li><a href="#">Event Handler Attribute <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Event Handler Property <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">EventTarget.prototype.addEventListener <u>아직 추가되지 않았습니다.</u></a></li>
<hr>
<li><a href="#">Bubbling <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Capturing <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Delegation <u>아직 추가되지 않았습니다.</u></a></li>
</ul>
</td>
</tr>
<tr>
<th>라우트<br>[ Route ]</th>
<td>
<ul>
<li><a href="#">Hash Fragment <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">History API <u>아직 추가되지 않았습니다.</u></a></li>
</ul>
</td>
</tr>
<tr>
<th>HTTP 요청<br>[ HTTP Request ]</th>
<td>
<ul>
<li><a href="#">XMLHttpRequest <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">fetch API <u>아직 추가되지 않았습니다.</u></a></li>
</ul>
</td>
</tr>
<tr>
<th>소프트웨어 패턴<br>[ Software Pattern ]</th>
<td>
<ul>
<li><a href="#">Gang Of Four(GOF) <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">mvc <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">mvvm <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">flux <u>아직 추가되지 않았습니다.</u></a></li>
</ul>
</td>
</tr>
<tr>
<th>함수형 프로그래밍<br>[ Functional Programming ]</th>
<td>
<ul>
<li><a href="#">Closure, High-Order Function <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Functional Array <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Currying <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Composition, Pipe-line <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Functor <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Monad <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Generator <u>아직 추가되지 않았습니다.</u></a></li>
</ul>
</td>
</tr>
<tr>
<th>기타<br>[ ETC ]</th>
<td>
<ul>
<li><a href="#">Diff Algorithm <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Promise <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Micro Task <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">React Hooks <u>아직 추가되지 않았습니다.</u></a></li>
<li><a href="#">Immutability <u>아직 추가되지 않았습니다.</u></a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</article>
</main>
</body>
</html>