-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
347 lines (347 loc) · 17.9 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
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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ToolCon 2014 with FRENDS</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0;" />
<meta name="author" content="FRENDS">
<meta name="description" content="'FRENDS와 함께 하는 ToolCon 2014'는 기술위주로 진행되는 많은 세미나와는 달리 개발자들이 자주 사용하는 도구를 중심으로 편리한 사용 방법 혹은 유용한 Tip 과 관련 지식을 공유하는고 즐기는 국내최초의 개발 툴 컨퍼런스 이다.">
<meta name="keywords" content="FRENDS, ToolCon">
<meta name="generator" content="FRENDS">
<meta property="og:title" content="FRENDS와 함께하는 ToolCon 2014"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="http://Toolcon.frends.kr/assets/images/toolcon-logo.jpg"/>
<meta property="og:url" content="http://Toolcon.frends.kr/"/>
<meta property="og:description" content="'FRENDS와 함께 하는 ToolCon 2014'는 기술위주로 진행되는 많은 세미나와는 달리 개발자들이 자주 사용하는 도구를 중심으로 편리한 사용 방법 혹은 유용한 Tip 과 관련 지식을 공유하는고 즐기는 국내최초의 개발 툴 컨퍼런스 이다."/>
<meta property="og:site_name" content="FRENDS와 함께하는 ToolCon 2014"/>
<link rel="shortcut icon" href="/assets/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/assets/css/style.css">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header class="navbar navbar-default navbar-fixed-top" role="navigation" data-spy="affix" data-offset-top="10" id="nav">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#introduction">ToolCon 2014</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#speakers">Speakers</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#location">Location</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</header>
<section class="section-introduction" id="introduction">
<div class="cover-blur-dark"></div>
<div class="introduction text-center">
<div class="masthead-branding">
<i class="glyphicon glyphicon-wrench"></i>
</div>
<h1>
ToolCon 2014 <strong>with FRENDS</strong>
</h1>
<h2>“남들이 쓰는 도구의 비밀, 저거 어떻게 하는 거지?”</h2>
<p >
<button type="button" disabled="disabled" class="btn btn-success btn-lg" target="_blank">
참가 신청 마감
</button>
</p>
<p>5월 31일 / 13:00 ~ 17:30</p>
<p><span>네이버 그린팩토리 2층 커넥트홀</span><span class="address">(경기도 성남시 분당구 정자동 178-1)</span></p>
</div>
</section>
<section class="section-about-conference" id="about-ToolCon">
<div class="container">
<h2 class="sub-title">
<i class="glyphicon glyphicon-wrench vertical-middle"></i>
<span class="vertical-middle">About ToolCon 2014</span>
</h2>
<p>
도구의 사용법에 익숙해지면 생산성을 크게 높힐 수 있지만 은근히 배우기 어려운 부분이기도 합니다. 좋은 단축키나 편리한 팁은 문서나 검색을 통해서 배우려면 꽤나 어렵지만 다른 사람에게 배우게 되면 아주 쉽게 배울 수 있습니다.
</p>
<p>
도구의 사용법은 아느냐 모르냐의 차이일뿐 다른 개발 기술과는 달리 많은 사전지식이 필요하지 않습니다. 몰랐던 사용방법을 알기만 하면 바로 적용할 수 있어서 실력의 차이에 따른 배움의 차이도 크지 않습니다. 익숙해 지기만 하면 생산성을 아주 높힐 수 있고 자신이 사용하는 기술에 대한 제약도 많지 않습니다.
</p>
<p>
그래서 주로 기술위주로 진행되는 많은 세미나와는 달리 개발자들이 자주 사용하는 도구를 중심으로 세미나를 해보자는 생각에 툴콘을 준비했습니다.
</p>
</div>
</section>
<section class="section-speakers" id="speakers">
<div class="container">
<h2 class="sub-title">
<i class="glyphicon glyphicon-bullhorn vertical-middle"></i>
<span class="vertical-middle">Speakers</span>
</h2>
<ul class="speakers">
<li data-info="FRENDS">
<div class="spearks-image">
<a href="https://twitter.com/fallroot" target="_blank">
<img src="/assets/images/fallroot.png">
</a>
<span class="speaker-name">문추근</span>
<span class="speaker-twitter">@fallroot</span>
</div>
</li>
<li data-info="FRENDS">
<div class="spearks-image">
<a href="https://twitter.com/odyss009" target="_blank">
<img src="/assets/images/oddyss.jpg">
</a>
<span class="speaker-name">임형주</span>
<span class="speaker-twitter">@odyss</span>
</div>
</li>
<li data-info="FRENDS">
<div class="spearks-image">
<a href="https://twitter.com/Outsideris" target="_blank">
<img src="/assets/images/outsider.jpg">
</a>
<span class="speaker-name">변정훈</span>
<span class="speaker-twitter">@Outsider</span>
</div>
</li>
<li data-info="FRENDS">
<div class="spearks-image">
<a href="https://twitter.com/_freestrings" target="_blank">
<img src="/assets/images/freestring.jpeg">
</a>
<span class="speaker-name">한창석</span>
<span class="speaker-twitter">@_freestrings</span>
</div>
</li>
<li data-info="FRENDS">
<div class="spearks-image">
<a href="https://twitter.com/zziuni" target="_blank">
<img src="/assets/images/zziuni.jpeg">
</a>
<span class="speaker-name">변치훈</span>
<span class="speaker-twitter">@zziuni</span>
</div>
</li>
<li data-info="GUEST">
<div class="spearks-image">
<a href="https://twitter.com/semtlnori" target="_blank">
<img src="/assets/images/semtlnori.jpg">
</a>
<span class="speaker-name">이응준</span>
<span class="speaker-twitter">@semtlnori</span>
</div>
</li>
<li data-info="FRENDS">
<div class="spearks-image">
<a href="https://twitter.com/insanehong" target="_blank">
<img src="/assets/images/insanehong.jpeg">
</a>
<span class="speaker-name">김덕홍</span>
<span class="speaker-twitter">@insanehong</span>
</div>
</li>
<li data-info="GUEST">
<div class="spearks-image">
<a href="https://twitter.com/Rhiokim" target="_blank">
<img src="/assets/images/rhio.png">
</a>
<span class="speaker-name">김양원</span>
<span class="speaker-twitter">@Rhiokim</span>
</div>
</li>
<li data-info="GUEST">
<div class="spearks-image">
<a href="https://twitter.com/coderifleman" target="_blank">
<img src="/assets/images/coderifleman.jpeg">
</a>
<span class="speaker-name">주우영</span>
<span class="speaker-twitter">@coderifleman</span>
</div>
</li>
</ul>
</div>
</section>
<section class="section-schedule" id="schedule">
<div class="cover-blur-dark invers"></div>
<div class="container">
<h2 class="sub-title">
<i class="glyphicon glyphicon-time vertical-middle"></i>
<span class="vertical-middle">Schedule</span>
</h2>
<h3>Session 1.</h3>
<ul class="schedule">
<li>
<div class="speaker-image">
<img src="/assets/images/fallroot.png">
</div>
<div class="schedule-description">
<div class="description-content">“Sublime Text 의 다중커서”</div>
<div class="desctiption-metainfo">
<span>문추근(@fallroot, FRENDS) - <i class="glyphicon glyphicon-cloud-download"></i> <a href="http://www.slideshare.net/fallroot/multiple-cursors-in-sublime-text" target="_blank">발표자료</a></span>
</div>
</div>
</li>
<li>
<div class="speaker-image">
<img src="/assets/images/oddyss.jpg">
</div>
<div class="schedule-description">
<div class="description-content">“Sublime Text Plugin 활용 가이드”</div>
<div class="desctiption-metainfo">
<span>임형주(@odyss, FRENDS) - <i class="glyphicon glyphicon-cloud-download"></i> <a href="http://www.slideshare.net/odyss009/development-with-sublime" target="_blank">발표자료</a></span>
</div>
</div>
</li>
<li>
<div class="speaker-image">
<img src="/assets/images/outsider.jpg">
</div>
<div class="schedule-description">
<div class="description-content">“Sublime Text 의 Tips and Tricks”</div>
<div class="desctiption-metainfo">
<span>변정훈(@Outsider, FRENDS) - <i class="glyphicon glyphicon-cloud-download"></i> <a href="http://www.slideshare.net/rockdoli/toolcon-2014" target="_blank">발표자료</a></span>
</div>
</div>
</li>
</ul>
<h3>Session 2.</h3>
<ul class="schedule">
<li>
<div class="speaker-image">
<img src="/assets/images/freestring.jpeg">
</div>
<div class="schedule-description">
<div class="description-content">“Brackets의 실시간 HTML & CSS 편집”</div>
<div class="desctiption-metainfo">
<span>한창석(@_freestrings, FRENDS)</span>
</div>
</div>
</li>
<li>
<div class="speaker-image">
<img src="/assets/images/zziuni.jpeg">
</div>
<div class="schedule-description">
<div class="description-content">“WebStorm에서 git사용하기”</div>
<div class="desctiption-metainfo">
<span>변치훈(@zziuni, FRENDS) - <i class="glyphicon glyphicon-cloud-download"></i> <a href="http://www.slideshare.net/zziuni/2014-frendss-toolcon-webstorm-git " target="_blank">발표자료</a></span>
</div>
</div>
</li>
<li>
<div class="speaker-image">
<img src="/assets/images/coderifleman.jpeg">
</div>
<div class="schedule-description">
<div class="description-content">“WebStorm에서 자바스크립트 리팩토링하기”</div>
<div class="desctiption-metainfo">
<span>주우영(@coderifleman, NTS) - <i class="glyphicon glyphicon-cloud-download"></i> <a href="http://www.slideshare.net/UyeongJu/toolcon2014-webstorm" target="_blank">발표자료</a></span>
</div>
</div>
</li>
<li>
<div class="speaker-image">
<img src="/assets/images/semtlnori.jpg">
</div>
<div class="schedule-description">
<div class="description-content">“Vim에서 shell 사용하기”</div>
<div class="desctiption-metainfo">
<span>이응준(@semtlnori, NAVER) - <i class="glyphicon glyphicon-cloud-download"></i> <a href="https://github.com/npcode/vimxshell/blob/master/vim.md" target="_blank">발표자료</a></span>
</div>
</div>
</li>
</ul>
<h3>Session 3.</h3>
<ul class="schedule">
<li>
<div class="speaker-image">
<img src="/assets/images/fallroot.png">
</div>
<div class="schedule-description">
<div class="description-content">“맥에서 자주 사용하는 단축키”</div>
<div class="desctiption-metainfo">
<span>문추근(@fallroot, FRENDS) - <i class="glyphicon glyphicon-cloud-download"></i> <a href="http://www.slideshare.net/fallroot/os-x-basic-shortcuts" target="_blank">발표자료</a></span>
</div>
</div>
</li>
<li>
<div class="speaker-image">
<img src="/assets/images/insanehong.jpeg">
</div>
<div class="schedule-description">
<div class="description-content">“Web Inspector 활용 Tip”</div>
<div class="desctiption-metainfo">
<span>김덕홍(@insanehong, FRENDS) - <i class="glyphicon glyphicon-cloud-download"></i> <a href="http://www.slideshare.net/insanehong/how-to-use-web-inspector-at-toolcon-2014" target="_blank">발표자료</a></span>
</div>
</div>
</li>
<li>
<div class="speaker-image">
<img src="/assets/images/rhio.png">
</div>
<div class="schedule-description">
<div class="description-content">“마크다운 문서의 재발견 - 하루패드(Haroopad)”</div>
<div class="desctiption-metainfo">
<span>김양원(@Rhiokim)</span>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="section-frends">
<div class="cover-blur-dark inverse"></div>
<div class="container">
<h2 class="sub-title">
<i class="glyphicon glyphicon-question-sign vertical-middle"></i>
<span class="vertical-middle">About FRENDS</span>
</h2>
<p>"FRENDS"는 "FRont-End DeveloperS"의 약자로 프런트엔드(front-end) 기술을 좋아하는 현장 개발자의 모임입니다.</p>
<p>하지만 모두가 프런트엔드를 본업으로 하고 있지는 않고, Java, Android, 백엔드(back-end), 프런트엔드 등 다양한 직군에서 활동 중인 개발자들이 모인 커뮤니티입니다.</p>
<p>매달 정기 모임을 하면서, 관심 있게 지켜본 기술이나 본인의 경험담, 개인 프로젝트 등을 발표하며 서로 간에 의견을 주고 받고 있습니다.</p>
<p>평소에 메일링 리스트, 트위터로 닉네임만 부르다 보니 2, 3년이 되었는데도 실명과 전화번호를 서로 잘 모르는 조금 독특한 인간 관계를 맺고 있습니다.</p>
</div>
</section>
<section class="section-location" id="location">
<div class="container">
<h2 class="sub-title">
<i class="glyphicon glyphicon-map-marker vertical-middle"></i>
<span class="vertical-middle">Location</span>
</h2>
<p>네이버 그린팩토리 2층 커넥트홀(경기도 성남시 분당구 정자동 178-1)</p>
<div class="location-map">
<a href="http://me2.do/xSZd5P27" target="_blank"><img src="/assets/images/map.png"></a>
</div>
</div>
</section>
<section class="section-sponsor">
<div class="container">
<h2 class="sub-title">
<i class="glyphicon glyphicon-exclamation-sign vertical-middle"></i>
<span class="vertical-middle">Sponsor</span>
</h2>
<p>본 행사는 <a href="http://dev.naver.com/d2" target="_blank">Naver D2</a> 개발자 커뮤니티 지원프로그램의 후원을 받고 있습니다.<p>
<p class="sponsor-banner"><img src="/assets/images/NAVER_D2_banner_314.png"></p>
</div>
</section>
<footer>
<p>COPYRIGHT © 2014 FRENDS.</p>
</footer>
<script src="/assets/javascripts/jquery.1.9.1.min.js"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript"
src="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=659cb50c578d00184c448c28c17706f1"></script>
<script src="/assets/javascripts/toolcon2014.js"></script>
</body>
</html>