-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
357 lines (201 loc) · 49.5 KB
/
index.html
File metadata and controls
357 lines (201 loc) · 49.5 KB
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="지쳐가는 5분에 인생을 거는 나">
<title>지쳐가는 5분에 인생을 거는 나</title>
<meta name="author" content="Junho Nam">
<link rel="icon" href="https://skout90.github.io/assets/images/favicon.jpg">
<link rel="alternate" type="application/atom+xml" title="RSS" href="/feed.xml">
<script type="application/ld+json">{"@context":"http://schema.org","@type":"Website","@id":"https://skout90.github.io","author":{"@type":"Person","name":"Junho Nam","sameAs":["https://github.com/skout90","https://stackoverflow.com/users/5809394"],"image":"favicon.jpg"},"name":"지쳐가는 5분에 인생을 거는 나","description":"개발 블로그","url":"https://skout90.github.io"}</script>
<meta name="description" content="개발 블로그">
<meta property="og:type" content="blog">
<meta property="og:title" content="지쳐가는 5분에 인생을 거는 나">
<meta property="og:url" content="https://skout90.github.io/index.html">
<meta property="og:site_name" content="지쳐가는 5분에 인생을 거는 나">
<meta property="og:description" content="개발 블로그">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="지쳐가는 5분에 인생을 거는 나">
<meta name="twitter:description" content="개발 블로그">
<meta property="og:image" content="https://skout90.github.io/assets/images/favicon.jpg"/>
<!--STYLES-->
<link rel="stylesheet" href="/assets/css/style-sbr8a29vhg2buwqdfiagp9i2fk4rxgm5ip8dz0ru5ozzkfexnn3svxyxd4eg.min.css">
<!--STYLES END-->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-102438751-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-102438751-1');
</script>
</head>
<body>
<div id="blog">
<!-- Define author's picture -->
<header id="header" data-behavior="1">
<i id="btn-open-sidebar" class="fa fa-lg fa-bars"></i>
<div class="header-title">
<a
class="header-title-link"
href="/ "
aria-label=""
>
지쳐가는 5분에 인생을 거는 나
</a>
</div>
<a
class="header-right-picture "
href="#about"
aria-label="Open the link: /#about"
>
<img class="header-picture" src="/assets/images/favicon.jpg" alt="Author's picture"/>
</a>
</header>
<!-- Define author's picture -->
<nav id="sidebar" data-behavior="1">
<div class="sidebar-container">
<div class="sidebar-profile">
<a
href="/#about"
aria-label="Read more about the author"
>
<img class="sidebar-profile-picture" src="/assets/images/favicon.jpg" alt="Author's picture"/>
</a>
<h4 class="sidebar-profile-name">Junho Nam</h4>
<h5 class="sidebar-profile-bio"><p>enjoy while living</p>
</h5>
</div>
<ul class="sidebar-buttons">
<li class="sidebar-button">
<a class="sidebar-button-link "
href="/ "
title="Home"
>
<i class="sidebar-button-icon fa fa-home" aria-hidden="true"></i>
<span class="sidebar-button-desc">Home</span>
</a>
</li>
<li class="sidebar-button">
<a class="sidebar-button-link "
href="/all-categories"
title="Categories"
>
<i class="sidebar-button-icon fa fa-bookmark" aria-hidden="true"></i>
<span class="sidebar-button-desc">Categories</span>
</a>
</li>
<li class="sidebar-button">
<a class="sidebar-button-link "
href="#about"
title="About"
>
<i class="sidebar-button-icon fa fa-question" aria-hidden="true"></i>
<span class="sidebar-button-desc">About</span>
</a>
</li>
</ul>
<ul class="sidebar-buttons">
<li class="sidebar-button">
<a class="sidebar-button-link " href="https://github.com/skout90" target="_blank" rel="noopener" title="GitHub">
<i class="sidebar-button-icon fab fa-github" aria-hidden="true"></i>
<span class="sidebar-button-desc">GitHub</span>
</a>
</li>
<li class="sidebar-button">
<a class="sidebar-button-link " href="https://stackoverflow.com/users/5809394" target="_blank" rel="noopener" title="Stack Overflow">
<i class="sidebar-button-icon fab fa-stack-overflow" aria-hidden="true"></i>
<span class="sidebar-button-desc">Stack Overflow</span>
</a>
</li>
</ul>
</div>
</nav>
<div id="main" data-behavior="1"
class="
hasCoverMetaIn
">
<div class="modal">
<div class="modal-header">
<h1>Junho's Dev Wiki</h1>
<div id="site_search" class="main-content-wrap">
<input type="text" id="local-search-input" name="q" results="0" placeholder="검색어 입력"
class="form-control input--large" autofocus="autofocus"/>
</div>
</div>
<div id="local-search-result"></div>
<div class="modal-header">
<div id="categories-archives" class="main-content-wrap">
<form id="filter-form" action="##">
<input name="category" type="text" class="form-control input--large"
placeholder="Search category" autofocus="autofocus">
</form>
<h5 class="archive-result text-color-base text-xlarge"
data-message-zero="no category found"
data-message-one="1 category found"
data-message-other="{n} categories found"></h5>
<section class="boxes">
<div id="posts-list-Angular" class="archive box" data-category="angular" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Angular/">Angular (21)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/1. Angular 특징/"><span class="archive-post-number">01.</span> Angular의 특징</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/2. Angular 프로젝트 구성/"><span class="archive-post-number">02.</span> Angular 프로젝트의 구성</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/3. Angular 컴포넌트/"><span class="archive-post-number">03.</span> Angular 컴포넌트</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/30/Angular/3.1. 자식-컴포넌트/"> <span class="archive-post-number">03.1.</span> 자식 컴포넌트</a><span class="archive-post-date"> - 2017.07.30</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/30/Angular/3.2. 컴포넌트-값전달/"> <span class="archive-post-number">03.2.</span> 컴포넌트 값 전달</a><span class="archive-post-date"> - 2017.07.30</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/4. Angular 모듈/"><span class="archive-post-number">04.</span> Angular 모듈</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/5. Angular 서비스/"><span class="archive-post-number">05.</span> Angular 서비스</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/5.1. 의존성 주입/"> <span class="archive-post-number">05.1.</span> Angular 의존성 주입</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/6. Angular 파이프/"><span class="archive-post-number">06.</span> Angular 파이프</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/7. Angular 라우터/"><span class="archive-post-number">07.</span> Angular 라우터</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/7.1. Angular 가드/"> <span class="archive-post-number">07.1.</span> Angular 가드</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/14/Angular/8. Angular 폼/"><span class="archive-post-number">08.</span> Angular 폼</a><span class="archive-post-date"> - 2017.07.14</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/8.1. Angular 폼 검증/"> <span class="archive-post-number">08.1.</span> Angular 폼 검증</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/12/Angular/9. Angular-템플릿-문법-특수문자정리/"><span class="archive-post-number">09.</span> Angular 템플릿 문법</a><span class="archive-post-date"> - 2017.07.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/06/12/Angular/09.1. 바인딩/"> <span class="archive-post-number">09.1.</span> 바인딩</a><span class="archive-post-date"> - 2017.06.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/06/12/Angular/9.2. HTML 바인딩/"> <span class="archive-post-number">09.2.</span> HTML 바인딩</a><span class="archive-post-date"> - 2017.06.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/06/12/Angular/10. Angular HTTP - Observable Promise 비교/"><span class="archive-post-number">10.</span> Angular HTTP - Observable Promise 비교</a><span class="archive-post-date"> - 2017.06.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/06/12/Angular/11. Angular 이벤트/"><span class="archive-post-number">11.</span> Angular 이벤트</a><span class="archive-post-date"> - 2017.06.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/26/Angular/12. 장식자 정리-@ViewChild-@ViewChildren/"><span class="archive-post-number">12.</span> 장식자 정리 - @ViewChild, @ViewChildren</a><span class="archive-post-date"> - 2017.07.26</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/30/Angular/13. Angular-Directive/"><span class="archive-post-number">13.</span> Angular Directive</a><span class="archive-post-date"> - 2017.07.30</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/06/12/Angular/Angular CLI 커맨드 정리/"><span class="archive-post-number"></span>Angular CLI 커맨드 정리</a><span class="archive-post-date"> - 2017.06.12</span></li></ul></div>
<div id="posts-list-CSS" class="archive box" data-category="css" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/CSS/">CSS (22)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2019/04/01/CSS/CSS-animation-Bounce/"><span class="archive-post-number"></span>Bounce 애니메이션</a><span class="archive-post-date"> - 2019.04.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/CSS/position속성정리/"><span class="archive-post-number"></span>CSS Position 속성 정리</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/CSS/display_visibility_태그정리/"><span class="archive-post-number"></span>CSS display, visibility 속성</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/03/CSS/CSS-마진겹침현상/"><span class="archive-post-number"></span>CSS 마진 겹침 현상</a><span class="archive-post-date"> - 2017.09.03</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/CSS/상대-크기/"><span class="archive-post-number"></span>CSS 상대 크기</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/CSS/적용-우선순위/"><span class="archive-post-number"></span>CSS 적용 우선순위</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/16/CSS/CSS3-새로운-스타일-정리/"><span class="archive-post-number"></span>CSS3 새로운 스타일 정리</a><span class="archive-post-date"> - 2017.07.16</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/CSS/CSS-flex레이아웃/"><span class="archive-post-number"></span>FLEX 레이아웃 정리</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/CSS/scss-문법정리/"><span class="archive-post-number"></span>SCSS 문법 정리</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2019/10/15/CSS/SCSS-실사용팁-반응형처리/"><span class="archive-post-number"></span>SCSS 실사용팁 rem 함수 처리, 색상 변수, ellipsis 확장</a><span class="archive-post-date"> - 2019.10.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/CSS/border-겹칠때-해결법/"><span class="archive-post-number"></span>border 겹칠시 해결법</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/08/29/CSS/element-bottom-위치-3가지-방법/"><span class="archive-post-number"></span>element를 bottom에 위치시키는 3가지 방법</a><span class="archive-post-date"> - 2018.08.29</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/06/CSS/CSS-float레이아웃/"><span class="archive-post-number"></span>float로 레이아웃 만들기</a><span class="archive-post-date"> - 2017.09.06</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/29/CSS/image크기-반응형으로 만들기/"><span class="archive-post-number"></span>image크기 반응형으로 만들기</a><span class="archive-post-date"> - 2017.10.29</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/CSS/@media-태그/"><span class="archive-post-number"></span>media 태그</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2019/09/16/CSS/overflow-scroll-right-padding-problem/"><span class="archive-post-number"></span>overflow scroll 일시 right margin이 안먹는 문제</a><span class="archive-post-date"> - 2019.09.16</span></li><li class="archive-post"><a class="archive-post-title" href="/2019/12/16/CSS/CSS-scroll-image-bounce/"><span class="archive-post-number"></span>scroll시 이미지 bounce 시키기</a><span class="archive-post-date"> - 2019.12.16</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/09/CSS/trainstion-transform/"><span class="archive-post-number"></span>transition, transform, animation - 박스 굴리기</a><span class="archive-post-date"> - 2017.10.09</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/CSS/full-width-ignore-parent/"><span class="archive-post-number"></span>부모에 상관없이 width 100% 주는 법</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/26/CSS/스크롤바 애매하게 남아있을때/"><span class="archive-post-number"></span>스크롤바 애매하게 남아있을 때</a><span class="archive-post-date"> - 2017.09.26</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/CSS/요소벌-정렬방법/"><span class="archive-post-number"></span>요소별 수직, 수평 정렬 방법, 수평 수직 정렬</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/06/20/CSS/텍스트 많을 경우 기호 생략/"><span class="archive-post-number"></span>텍스트 많을 경우 생략 기호</a><span class="archive-post-date"> - 2018.06.20</span></li></ul></div>
<div id="posts-list-DevOps" class="archive box" data-category="devops" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/DevOps/">DevOps (2)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2018/09/02/DevOps/ci-cd-reference/"><span class="archive-post-number"></span>CI / CD 링크 정리</a><span class="archive-post-date"> - 2018.09.02</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/09/02/DevOps/circleCI-빌드-배포-파일전송-리스타트/"><span class="archive-post-number"></span>CircleCI를 활용해서 build한 파일 서버에 배포하기</a><span class="archive-post-date"> - 2018.09.02</span></li></ul></div>
<div id="posts-list-Frontend" class="archive box" data-category="frontend" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Frontend/">Frontend (11)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2018/03/03/Frontend/1.웹팩시작하기/"><span class="archive-post-number">01.</span> 웹팩3(Webpack3) 환경셋팅</a><span class="archive-post-date"> - 2018.03.03</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/03/03/Frontend/2.웹팩-바벨(babel)-연동/"><span class="archive-post-number">02.</span> 웹팩(Webpack) 바벨(babel) 연동</a><span class="archive-post-date"> - 2018.03.03</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/03/18/Frontend/3.웹팩-핫리로딩/"><span class="archive-post-number">03.</span> 웹팩(webpack) express 연동, 핫리로딩</a><span class="archive-post-date"> - 2018.03.18</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/03/25/Frontend/4.웹팩-React연동/"><span class="archive-post-number">04.</span> 웹팩(webpack) React 연동</a><span class="archive-post-date"> - 2018.03.25</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/03/25/Frontend/5.웹팩-SCSS-POSTCSS연동.md/"><span class="archive-post-number">05.</span> 웹팩(Webpack) SCSS, POSTCSS 연동</a><span class="archive-post-date"> - 2018.03.25</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/03/25/Frontend/6.웹팩-Typescript연동/"><span class="archive-post-number">06.</span> 웹팩(Webpack) Typescript 연동</a><span class="archive-post-date"> - 2018.03.25</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/03/18/Frontend/20.웹팩-디버깅/"><span class="archive-post-number">20.</span> 웹팩(Webpack) 디버깅</a><span class="archive-post-date"> - 2018.03.18</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/03/13/Frontend/20.웹팩-플러그인/"><span class="archive-post-number">20.</span> 웹팩(Webpack) 플러그인</a><span class="archive-post-date"> - 2018.03.13</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/14/Frontend/HTML5-태그-정리/"><span class="archive-post-number"></span>HTML5 태그 정리</a><span class="archive-post-date"> - 2017.07.14</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/08/Frontend/html5-boilerplate/"><span class="archive-post-number"></span>Html5 Boilerplate</a><span class="archive-post-date"> - 2017.10.08</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/14/Frontend/npm-savedev란/"><span class="archive-post-number"></span>npm install --save와 --save-dev 차이</a><span class="archive-post-date"> - 2017.07.14</span></li></ul></div>
<div id="posts-list-GIT" class="archive box" data-category="git" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/GIT/">GIT (3)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/GIT/pull_request/"><span class="archive-post-number"></span>Git Pull Request 방법 정리</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/20/GIT/Git-부분-체크아웃/"><span class="archive-post-number"></span>Git 부분 체크아웃(sparse checkout)</a><span class="archive-post-date"> - 2017.08.20</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/GIT/merge_vs_rebase/"><span class="archive-post-number"></span>Merge VS Rebase</a><span class="archive-post-date"> - 2017.07.24</span></li></ul></div>
<div id="posts-list-Google" class="archive box" data-category="google" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Google/">Google (2)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/Google/cloud_function/"><span class="archive-post-number"></span>Cloud Function</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/Google/firebase/"><span class="archive-post-number"></span>Firebase로 CRUD 기능 작성</a><span class="archive-post-date"> - 2017.09.01</span></li></ul></div>
<div id="posts-list-Ionic" class="archive box" data-category="ionic" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Ionic/">Ionic (13)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/1. Ionic 프로젝트 구조/"><span class="archive-post-number">01.</span> Ionic2의 프로젝트 구조</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/1.1. app_component/"> <span class="archive-post-number">01.1.</span> Ionic App Component</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/2. Ionic-시작하기/"><span class="archive-post-number">02.</span> Ionic 시작하기</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/2.1. build-and-test/"> <span class="archive-post-number">02.1.</span> 빌드 및 테스트</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/3. 새-페이지-만들기/"><span class="archive-post-number">03.</span> 새 페이지 만들기</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/3.1. nav_controller_life_cycle_event/"> <span class="archive-post-number">03.1.</span> NavController를 통한 페이지 이동시 발생 이벤트</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/3.2. modal/"> <span class="archive-post-number">03.2.</span> 모달 추가 방법 정리</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/4. mvc-http-request/"><span class="archive-post-number">04.</span> MVC 패턴으로 Http request</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/5. Ionic-push/"><span class="archive-post-number">05.</span> Ionic Push</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/07/Ionic/5.1 Ionic-local-push/"> <span class="archive-post-number">05.1.</span> Ionic Local Push</a><span class="archive-post-date"> - 2017.08.07</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/03/Ionic/6. Ionic-event/"><span class="archive-post-number">06.</span> Ionic2 Event</a><span class="archive-post-date"> - 2017.10.03</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/24/Ionic/css_ionic_component/"><span class="archive-post-number"></span>Ionic Component 한줄에 복수개 출력</a><span class="archive-post-date"> - 2017.07.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/04/Ionic/Ionic-Visual-Studio-Code-디버깅-방법/"><span class="archive-post-number"></span>Ionic Visual Studio Code 디버깅 방법</a><span class="archive-post-date"> - 2017.08.04</span></li></ul></div>
<div id="posts-list-Javascript" class="archive box" data-category="javascript" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Javascript/">Javascript (19)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/09/05/Javascript/1. javascript란/"><span class="archive-post-number">01.</span> Javascript란?</a><span class="archive-post-date"> - 2017.09.05</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/05/Javascript/2. javascript-구문/"><span class="archive-post-number">02.</span> Javascript 구문</a><span class="archive-post-date"> - 2017.09.05</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/Javascript/2.1. javascript-변수/"> <span class="archive-post-number">02.1.</span> Javascript 변수</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/03/Javascript/2.2. javascript-연산자-비교문/"> <span class="archive-post-number">02.2.</span> Javascript 연산자, 비교</a><span class="archive-post-date"> - 2017.09.03</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/Javascript/2.3. 유효범위와 컨텍스트/"> <span class="archive-post-number">02.3.</span> 유효범위와 컨텍스트</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/Javascript/3. javascript-Object/"><span class="archive-post-number">03.</span> Object</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/Javascript/3.1. javascript-Object내장객체/"> <span class="archive-post-number">03.1.</span> Object 내장객체</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/Javascript/4. javascript-Array/"><span class="archive-post-number">04.</span> Array</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/10/Javascript/5. javascript-Function/"><span class="archive-post-number">05.</span> Function</a><span class="archive-post-date"> - 2017.09.10</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/10/Javascript/5.1. javascript-Function내장객체/"> <span class="archive-post-number">05.1.</span> Function 내장객체</a><span class="archive-post-date"> - 2017.09.10</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/13/Javascript/5.2. Javascript-콜백/"> <span class="archive-post-number">05.2.</span> Function 콜백, Promise</a><span class="archive-post-date"> - 2017.08.13</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/23/Javascript/6. javascript-RegExp내장객체/"><span class="archive-post-number">06.</span> Javascript 정규표현식:내장객체</a><span class="archive-post-date"> - 2017.09.23</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/01/Javascript/7. javascript-모듈화/"><span class="archive-post-number">07.</span> Javascript 모듈화</a><span class="archive-post-date"> - 2017.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/22/Javascript/8.상속/"><span class="archive-post-number">08.</span> Prototype과 상속</a><span class="archive-post-date"> - 2017.10.22</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Javascript/javascript-프로토타입/"><span class="archive-post-number"></span>Javascript Prototype(프로토타입)</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Javascript/string-으로-element만들기/"><span class="archive-post-number"></span>Javascript String으로 Element 생성</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/13/Javascript/javascript-클로저/"><span class="archive-post-number"></span>Javascript 클로저(Closure)</a><span class="archive-post-date"> - 2017.08.13</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/09/Javascript/window-내장객체/"><span class="archive-post-number"></span>Window 내장객체</a><span class="archive-post-date"> - 2017.10.09</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/12/28/Javascript/this바인딩-분석/"><span class="archive-post-number"></span>this 바인딩 분석</a><span class="archive-post-date"> - 2018.12.28</span></li></ul></div>
<div id="posts-list-Node.js" class="archive box" data-category="node.js" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Node-js/">Node.js (12)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/08/15/Node.js/1. NodeJS란/"><span class="archive-post-number">01.</span> NodeJS 란?</a><span class="archive-post-date"> - 2017.08.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/15/Node.js/2. NodeJS-Express시작하기/"><span class="archive-post-number">02.</span> NodeJs Express 시작하기</a><span class="archive-post-date"> - 2017.08.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/15/Node.js/3. 소켓통신/"><span class="archive-post-number">03.</span> 소켓 통신</a><span class="archive-post-date"> - 2017.08.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/15/Node.js/4. 템플릿엔진/"><span class="archive-post-number">04.</span> 템플릿 엔진 - EJS, Jade, Handlebars</a><span class="archive-post-date"> - 2017.08.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/12/22/Node.js/Bookshelf-Plugins살펴보자/"><span class="archive-post-number"></span>Bookshelf plugins를 살펴보자</a><span class="archive-post-date"> - 2018.12.22</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/24/Node.js/cookieParser란/"><span class="archive-post-number"></span>Node 모듈 cookieParser란 무엇인가</a><span class="archive-post-date"> - 2017.10.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/15/Node.js/NodeJs-ORM을-위한-Bookshelf-Knex/"><span class="archive-post-number"></span>NodeJs ORM을 위한 Bookshelf, Knex</a><span class="archive-post-date"> - 2017.08.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/20/Node.js/Webstorm-에서-NodeJs-Express-디버깅하기/"><span class="archive-post-number"></span>Webstorm 에서 NodeJs Express 디버깅하기</a><span class="archive-post-date"> - 2017.08.20</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/24/Node.js/express-session/"><span class="archive-post-number"></span>express session 정리</a><span class="archive-post-date"> - 2017.10.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/11/22/Node.js/knex-array타입/"><span class="archive-post-number"></span>knex의 Array 컨트롤</a><span class="archive-post-date"> - 2017.11.22</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/04/18/Node.js/에러-핸들링/"><span class="archive-post-number"></span>에러 핸들링</a><span class="archive-post-date"> - 2018.04.18</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/08/24/Node.js/blob-객체-컨트롤/"><span class="archive-post-number"></span>파일 업로드를 위한 blob 객체 컨트롤</a><span class="archive-post-date"> - 2018.08.24</span></li></ul></div>
<div id="posts-list-OS" class="archive box" data-category="os" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/OS/">OS (1)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/07/07/OS/memory/"><span class="archive-post-number"></span>메모리</a><span class="archive-post-date"> - 2017.07.07</span></li></ul></div>
<div id="posts-list-React" class="archive box" data-category="react" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/React/">React (3)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2018/04/20/React/01-react-component생성/"><span class="archive-post-number">01.</span> 리액트 컴포넌트를 생성하는 4가지 방법</a><span class="archive-post-date"> - 2018.04.20</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/04/20/React/02-react-property와-status/"><span class="archive-post-number">02.</span> React 프로퍼티와 상태</a><span class="archive-post-date"> - 2018.04.20</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/12/05/React/RN-CODE-PUSH/"><span class="archive-post-number"></span>React Native dev/Staging/Production 코드 푸시 적용 참고 링크</a><span class="archive-post-date"> - 2018.12.05</span></li></ul></div>
<div id="posts-list-Refactoring" class="archive box" data-category="refactoring" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Refactoring/">Refactoring (2)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2020/06/20/Refactoring/1. 리팩터링-예시/"><span class="archive-post-number">1.</span> 예제로 보는 리팩터링 시작해보기</a><span class="archive-post-date"> - 2020.06.20</span></li><li class="archive-post"><a class="archive-post-title" href="/2021/10/17/Refactoring/2. 클래스-설계원칙/"><span class="archive-post-number"></span>클래스 설계 원칙</a><span class="archive-post-date"> - 2021.10.17</span></li></ul></div>
<div id="posts-list-Spring" class="archive box" data-category="spring" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Spring/">Spring (4)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/07/07/Spring/message_converter/"><span class="archive-post-number"></span>@RequestBody, @ResponseBody</a><span class="archive-post-date"> - 2017.07.07</span></li><li class="archive-post"><a class="archive-post-title" href="/2019/08/31/Spring/spring-mybatis-pretty-sql-result/"><span class="archive-post-number"></span>Spring Mybatis Query 결과를 보기 좋게 정렬해보자</a><span class="archive-post-date"> - 2019.08.31</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/07/Spring/spring default config/"><span class="archive-post-number"></span>component-scan / annotation-config / annotation-driven 차이점</a><span class="archive-post-date"> - 2017.07.07</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/07/07/Spring/scheduler/"><span class="archive-post-number"></span>심플하게 스프링 스케줄러 사용하기</a><span class="archive-post-date"> - 2017.07.07</span></li></ul></div>
<div id="posts-list-Typescript" class="archive box" data-category="typescript" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Typescript/">Typescript (10)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/1. typescript란/"><span class="archive-post-number">01.</span> Typescript란</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/2. typescript-컴파일러-옵션/"><span class="archive-post-number">02.</span> Typescript 컴파일 옵션</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/2.1. typescript-webpack-환경구축/"> <span class="archive-post-number">02.1.</span> 타입스크립트 Webpack 환경 구축</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/3. typescript-타입/"><span class="archive-post-number">03.</span> Typescript 타입</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/4. typescript-인터페이스/"><span class="archive-post-number">04.</span> Typescript 인터페이스(Interface)</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/5. typescript-제네릭/"><span class="archive-post-number">05.</span> Typescript 제네릭(Generic)</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/6. typescript-이터레이터/"><span class="archive-post-number">06.</span> Typescript 이터레이터(iterator)</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/7. typescript-데코레이터/"><span class="archive-post-number">07.</span> Typescript 데코레이터(Decorator)</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/typescript-함수스코프/"><span class="archive-post-number"></span>Typescript 함수스코프와 this의 이해</a><span class="archive-post-date"> - 2017.08.12</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/12/Typescript/typescript-default-export/"><span class="archive-post-number"></span>export class와 default export class</a><span class="archive-post-date"> - 2017.08.12</span></li></ul></div>
<div id="posts-list-Vue" class="archive box" data-category="vue" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Vue/">Vue (11)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2017/12/08/Vue/1.Vue시작하기-기본디렉티브/"><span class="archive-post-number">01.</span> Vue객체, 기본 디렉티브</a><span class="archive-post-date"> - 2017.12.08</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/01/24/Vue/1.1.Computed-VS-Watch/"> <span class="archive-post-number">01.1.</span> Computed VS Watch vs Method 정리</a><span class="archive-post-date"> - 2018.01.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/01/24/Vue/1.2.Watch-중첩데이터감시-즉시실행/"> <span class="archive-post-number">01.2.</span> Watch 중첩데이터 감시(deep) 및 즉시실행(immediate)</a><span class="archive-post-date"> - 2018.01.24</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/12/07/Vue/2.컴포넌트/"><span class="archive-post-number">02.</span> 컴포넌트</a><span class="archive-post-date"> - 2017.12.07</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/12/07/Vue/2.1.Vue-컴포넌트-가이드/"> <span class="archive-post-number">02.1.</span> Vue 컴포넌트 가이드</a><span class="archive-post-date"> - 2017.12.07</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/12/07/Vue/3. vuex/"><span class="archive-post-number">03.</span> Vuex</a><span class="archive-post-date"> - 2017.12.07</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/01/20/Vue/4.이벤트/"><span class="archive-post-number">04.</span> Vue 이벤트</a><span class="archive-post-date"> - 2018.01.20</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/01/25/Vue/5.스타일-및-클래스-적용/"><span class="archive-post-number">05.</span> 스타일</a><span class="archive-post-date"> - 2018.01.25</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/01/21/Vue/v-model-커스텀-컴포넌트-제작/"><span class="archive-post-number"></span>v-model 사용하는 커스텀 컴포넌트 만들기</a><span class="archive-post-date"> - 2018.01.21</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/01/07/GIT/submodule/"><span class="archive-post-number"></span>서브모듈 추가하기</a><span class="archive-post-date"> - 2018.01.07</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/08/22/Vue/자식-컴포넌트의-메서드-호출/"><span class="archive-post-number"></span>자식 컴포넌트의 함수 호출</a><span class="archive-post-date"> - 2018.08.22</span></li></ul></div>
<div id="posts-list-Web" class="archive box" data-category="web" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/Web/">Web (7)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2019/08/30/Web/apache-server-file-setting/"><span class="archive-post-number"></span>Apache[webtier] 서버 파일[nas] 웹서버를 통해 Response 하기</a><span class="archive-post-date"> - 2019.08.30</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/09/01/Web/https-nginx-setup/"><span class="archive-post-number"></span>Lets Encrypt활용 nginx에서 5분만에 https 설정하기</a><span class="archive-post-date"> - 2018.09.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/15/Web/REST란/"><span class="archive-post-number"></span>REST 란</a><span class="archive-post-date"> - 2017.08.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/15/Web/SEO-검색엔진최적화/"><span class="archive-post-number"></span>검색 엔진 최적화 SEO</a><span class="archive-post-date"> - 2017.08.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/15/Web/소켓이란/"><span class="archive-post-number"></span>소켓이란</a><span class="archive-post-date"> - 2017.08.15</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/10/29/Web/웹컴포넌트와쉐도우돔/"><span class="archive-post-number"></span>쉐도우 돔(Shadow Dom)이란</a><span class="archive-post-date"> - 2017.10.29</span></li><li class="archive-post"><a class="archive-post-title" href="/2020/03/09/Web/콘솔로그글자서식주기/"><span class="archive-post-number">콘솔로그 console.</span>log 글자 서식 주기</a><span class="archive-post-date"> - 2020.03.09</span></li></ul></div>
<div id="posts-list-etc" class="archive box" data-category="etc" data-parent-categories=""><h4 class="archive-title text-xlarge"><a class="link-unstyled" href="/categories/etc/">etc (8)</a></h4><ul class="archive-posts"><li class="archive-post"><a class="archive-post-title" href="/2021/10/01/etc/base64-binary-blob-file-diff/"><span class="archive-post-number"></span>Binary vs Base64 vs Blob vs File</a><span class="archive-post-date"> - 2021.10.01</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/02/02/etc/cordova-css-check/"><span class="archive-post-number"></span>Cordova에서 플랫폼 체크 css 방법</a><span class="archive-post-date"> - 2018.02.02</span></li><li class="archive-post"><a class="archive-post-title" href="/2020/03/25/etc/dynamo-db-architecture-best-practice/"><span class="archive-post-number"></span>Dynamo DB 설계 모범 케이스 분석</a><span class="archive-post-date"> - 2020.03.25</span></li><li class="archive-post"><a class="archive-post-title" href="/2018/08/25/etc/ec2-ubuntu-node-개발환경셋팅/"><span class="archive-post-number"></span>EC2 우분투 Node 개발환경 셋팅</a><span class="archive-post-date"> - 2018.08.25</span></li><li class="archive-post"><a class="archive-post-title" href="/2019/12/17/etc/facebook-pixel-event-vs-app-event/"><span class="archive-post-number"></span>Facebook Pixel Code와 FB App Event의 차이점</a><span class="archive-post-date"> - 2019.12.17</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/09/22/etc/자신의-npmmodule-사용하기/"><span class="archive-post-number"></span>수정한 npm_module 사용하기</a><span class="archive-post-date"> - 2017.09.22</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/12/07/etc/외부망에서-내PC접속가능하게하기/"><span class="archive-post-number"></span>외부 네트워크에서 내 PC로 접속 가능하게 하기</a><span class="archive-post-date"> - 2017.12.07</span></li><li class="archive-post"><a class="archive-post-title" href="/2017/08/06/etc/콘솔-단축키-만들기/"><span class="archive-post-number"></span>콘솔 단축키 만들기(Alias)</a><span class="archive-post-date"> - 2017.08.06</span></li></ul></div>
</section>
</div>
</div>
</div>
<footer id="footer" class="main-content-wrap">
<span class="copyrights">
Copyrights © 2021 Junho Nam. All Rights Reserved.
</span>
</footer>
</div>
</div>
<div id="about">
<div id="about-card">
<div id="about-btn-close">
<i class="fa fa-times"></i>
</div>
<img id="about-card-picture" src="/assets/images/favicon.jpg" alt="Author's picture"/>
<h4 id="about-card-name">Junho Nam</h4>
<div id="about-card-bio"><p>enjoy while living</p>
</div>
<div id="about-card-job">
<i class="fa fa-briefcase"></i>
<br/>
<p>full stack web developer</p>
</div>
<div id="about-card-location">
<i class="fa fa-map-marker-alt"></i>
<br/>
Seoul, Korea
</div>
</div>
</div>
<div id="cover" style="background-image:url('/assets/images/cover.jpg');"></div>
<!--SCRIPTS-->
<script src="/assets/js/script-g4mkxjtcee760xuht66pquch3apo7j5mk6ywfkukd4ko1fduhlhzd6iuikso.min.js"></script>
<!--SCRIPTS END-->
<script type="text/javascript">
var search_path = "search.xml";
if (search_path.length == 0) {
search_path = "search.xml";
}
var path = "/" + search_path;
searchFunc(path, 'local-search-input', 'local-search-result');
</script>
</body>
</html>