-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
395 lines (347 loc) · 16.6 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
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>제 2회 소마인사이드 세미나</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" type="text/css" href="css/responsive-table.css" />
<link rel="stylesheet" id="darkstrap-link" type="text/css" href="css/darkstrap.css" />
<link rel="stylesheet" type="text/css" href="css/demo-customizations.css" />
</head>
<body data-spy="scroll" data-target=".navbar">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#top">SOMAINSIDE</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#top">About</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#sessions">Sessions</a></li>
<li><a href="#location">Location</a></li>
<li><a href="#organizers">Organizers</a></li>
<li><a href="#sponsors">Sponsors</a></li>
<li><a href="#communications">Communications</a></li>
</ul>
<a href="#" class="btn btn-warning">참가신청</a>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container" id="content">
<section id="about">
<div class='page-header'>
<h3>개발자 꿈을 향해가는 '20대' 를 위한</h3>
<h1>제2회 소마인사이드 세미나</h1>
<blockquote>
개발자 꿈을 향해가는 '20대'를 위한 우리의 얘기를 나누어 보고 싶었습니다.<br/>
왜 개발자가 되고 싶은지 명확하게 알 수 없지만 단지 좋아서 택했던 이 길에서, 경험과 지식들을 나누고자 합니다.
</blockquote>
<div class="well">
<ul>
<li>참가등록 기간 : 2013년 03월 02일 ~ (참가신청)</li>
<li>일정 : 2013년 3월 23일 12:30 ~ 18:00</li>
<li class="text-warning">본 세미나는 유료(5,000원)로, 사전 등록 및 입금이 확인되어야 참여할 수 있습니다.</li>
<li class="text-warning">입금 후 환불은 불가합니다. 또한 신청자 이름과 무통장입금시 입금자의 이름이 반드시 같아야 등록 확인이 가능합니다.</li>
<li>주차 지원이 되지 않습니다. 대중교통을 이용해주시기 바랍니다.</li>
<li>세금계산서, 영수증 발급이 되지 않습니다.</li>
</ul>
</div>
</div>
<br/>
</section>
<section id="schedule">
<h1>Schedule</h1>
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>시간</th>
<th>발표내용</th>
<th>발표자</th>
<th>발표자료</th>
</tr>
</thead>
<tbody>
<tr>
<td data-title="#">등록</td>
<td data-title="시간">12:00 ~ 12:50</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td data-title="#">안내</td>
<td data-title="시간">12:50 ~ 13:00</td>
<td data-title="발표내용">소마인사이드 2회를 시작하며</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td data-title="#">세션1</td>
<td data-title="시간">13:00 ~ 13:50</td>
<td data-title="발표내용">하루 안에 페이스북 웹 앱 만들기</td>
<td data-title="발표자">이용희</td>
<td data-title="발표자료"> </td>
</tr>
<tr>
<td data-title="#">세션2</td>
<td data-title="시간">14:00 ~ 14:50</td>
<td data-title="발표내용">아키텍트가 알아야 할 12/97</td>
<td data-title="발표자">손영수</td>
<td data-title="발표자료"> </td>
</tr>
<tr>
<td data-title="#">세션3</td>
<td data-title="시간">15:00 ~ 15:50</td>
<td data-title="발표내용">스타트업 홍보의 이론과 실제</td>
<td data-title="발표자">윤태섭</td>
<td data-title="발표자료"> </td>
</tr>
<tr>
<td data-title="#">세션4</td>
<td data-title="시간">16:00 ~ 16:50</td>
<td data-title="발표내용">대학시절의 커리어 패스 - 내가 다시 대학생이 된다면</td>
<td data-title="발표자">이재근</td>
<td data-title="발표자료"> </td>
</tr>
<tr>
<td data-title="#">세션5</td>
<td data-title="시간">16:00 ~ 17:50</td>
<td data-title="발표내용">Joyfl 창업이야기.ssul</td>
<td data-title="발표자">전수열</td>
<td data-title="발표자료"> </td>
</tr>
<tr>
<td data-title="#">마무리</td>
<td data-title="시간">17:50 ~ 18:10</td>
<td data-title="발표내용">마무리 및 경품추첨</td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<br/>
<hr />
</section>
<section id="sessions">
<h1>Sessions</h1>
<div>
<div class="media">
<div class="media-body">
<h4 class="media-heading text-info">하루 안에 페이스북 웹 앱 만들기</h4>
현대는 개발자 전성시대입니다. 우리 주변의 많은 것들이 빠른 속도로 IT와 접목되고 있으며 이에 맞춘 다양한 플랫폼들이 생겨나고 또 사라져가고 있습니다. 앱스토어 등의 오픈마켓 시스템이 성공을 거둔 이래로 많은 플랫폼들이 한계를 탈피하는 동시에 새로운 가능성을 위해 오픈 마켓 시스템을 도입하고 있습니다. 현재 이러한 오픈 마켓은 개발자들에게 기회의 장이 됐습니다. 세계 최대의 소셜 네트워크 서비스인 페이스북도 앱을 통해 오픈 마켓처럼 개발자가 사용자에게 콘텐츠를 직접 제공할 수 있습니다. 페이스북 앱의 가장 기본적인 형태가 되는 웹앱을 만드는 과정을 통해 그 가능성의 세계에 다가설 수 있길 바랍니다.
</div>
<br/>
<a class="pull-left">
<img class="img-circle" src="photo/speakers/1.jpeg" alt="" width="130">
</a>
<div class="media-body">
<h4 class="media-heading">이용희</h4>
<ul>
<li>아울네스트 대표이사 - <a href="http://owlnest.kr" target="_blank">http://owlnest.kr</a></li>
<li>페이스북 웹 앱 개발, 13.01~13.03 월간 마이크로소프트웨어 잡지 기고</li>
<li>소셜 큐레이션 서비스 개발, 12.07~12.09 월간 마이크로소프트웨어 잡지 기고</li>
<li>Best of Best, 2021 Facebook Mobile Hack</li>
<li>Best of Social, 2021 Facebook Mobile Hack</li>
<ul>
</div>
</div>
<br/><br/>
<div class="media">
<div class="media-body">
<h4 class="media-heading text-info">아키텍트가 알아야 할 12/97</h4>
소프트웨어 아키텍트가 알아야할 97가지의 내용중 12가지를 간추린 내용으로 개발자들에게 도움이 될만한 아키텍트의 생각등을 공유하는 시간을 가집니다.<br/>
Vasa호 이야기, 아키텍팅이란 균형에 관한것이다. 요구사항이 명확하지 않을 때, 걸어 다니는 해골로 시작해라.
설계의 기준으로 불확실성을 사용해라. 높이 1000피트의 뷰를 가져라. 구현 가능한 것만 설계해라
가장 큰 문제는 기술이 아니다. 반복 작업과 싸워라. 드워프, 엘프, 마법사 그리고 왕. 정경유착. 고객의 고객.. 고객을 알아라. 컨설팅과 사과 이야기
</div>
<br/>
<a class="pull-left">
<img class="img-circle" src="photo/speakers/2.jpg" alt="" width="130">
</a>
<div class="media-body">
<h4 class="media-heading">손영수</h4>
<ul>
<li>NHN NEXT 교수</li>
<li>지경부 소프트웨어 마에스트로 멘토</li>
<li>AsianPLoP (아시아 소프트웨어 패턴 학회) 공동의장</li>
<li>PLoP (소프트웨어 패턴학회) 인증 소프트웨어 패턴 저자 활동 및 다수의 패턴 발표</li>
<li>소프트웨어 공학 커뮤니티 EVA 10년간 운영</li>
<ul>
</div>
</div>
<br/><br/>
<div class="media">
<div class="media-body">
<h4 class="media-heading text-info">스타트업 홍보의 이론과 실제</h4>
IT 서비스를 '어떻게 개발하느냐'에서 함께 고민해야하는것은 '어떻게 홍보하느냐' 입니다. 많은 스타트업이 잘 만들어진 제품을 '한정된 자원에서 효율적으로 홍보하는 법'을 고민합니다. 서비스 홍보는 기업별로 case by case이며, 기업의 노하우를 외부의 공개하기 어려운 부분이기 때문에 홍보이론을 해당 기업에 적용하기 어렵습니다.
홍보의 중요성을 인식하고 전략적 홍보방안을 세우기위한 이론과 경험 사례를 공유합니다.
</div>
<br/>
<a class="pull-left">
<img class="img-circle" src="photo/speakers/3.png" alt="" width="130">
</a>
<div class="media-body">
<h4 class="media-heading">윤태섭</h4>
<ul>
<li>(주) 섹시다이나마이트 섹시</li>
<li>숭실대학교 미디어학부 석사재학중</li>
<li>소프트웨어 마에스트로 2기</li>
<ul>
</div>
</div>
<br/><br/>
<div class="media">
<div class="media-body">
<h4 class="media-heading text-info">대학시절의 커리어 패스 - 내가 다시 대학생이 된다면</h4>
너무 늦게 알아버려 제가 도전하지 못했던 다양한 일들이 있어서 대학시절로 돌아간다면 해보고 싶은 것들에 대한 이야기, 또한 졸업을 앞둔 대학생들의 고민인 취업, 창업, 진학에 대한 이야기, 그리고 이런 것들과 더불어 제가 졸업할때까지 경험했던 것들과 함께 이야기 하는 자유로운 주제가 될 것 같습니다.
</div>
<br/>
<a class="pull-left">
<img class="img-circle" src="photo/speakers/4.png" alt="" width="130">
</a>
<div class="media-body">
<h4 class="media-heading">이재근</h4>
<ul>
<li>소프트웨어 마에스트로 1기 최종 10인 선정</li>
<li>NHN 멤버십 2기</li>
<li>LGT, iHub등 다수 공모전 수상</li>
<ul>
</div>
</div>
<br/><br/>
<div class="media">
<div class="media-body">
<h4 class="media-heading text-info">Joyfl 창업이야기.ssul</h4>
개발자 출신의 기업가가 개발자들로만 구성된 스타트업 Joyfl을 준비하며 겪은 썰을 풀어봅니다. 팀이 어떻게 모이게 되었는지, 어떻게 팀을 이끌어나가는지에 대해 이야기합니다. 또한 Dish by.me라는 소셜네트워크서비스를 개발하며 얻은 여러가지 아이폰 개발 노하우와 팁을 공유합니다.
</div>
<br/>
<a class="pull-left">
<img class="img-circle" src="photo/speakers/5.jpg" alt="" width="130">
</a>
<div class="media-body">
<h4 class="media-heading">전수열</h4>
<ul>
<li>Joyfl 대표이사 (<a href="http://joyfl.net">http://joyfl.net</a>)</li>
<li>Smarteen AppClub 2기 회장</li>
<li>Sexy iOS Developers Korea 운영</li>
<li>Flash Platform Developers 운영</li>
<ul>
</div>
</div>
</div>
<br/>
<hr>
</section>
<section id="location">
<h1>Location</h1>
<div class="row-fluid">
<div class="span7">
<a href="http://map.naver.com/?lng=127.0448792&lat=37.5036449&dlevel=11&mapMode=0&pinId=20623109&pinType=site&enc=b64" target="_blank"><img src="images/map.png" /></a>
<br/>
클릭하면 네이버 지도로 이동합니다! ;)
</div>
<div class="span5">
선릉 아남타워 7층 - SW Maestro 연수센터
<ul>
<li>지하철 2호선 선릉 : 5번 출구로 나와서 역삼역 방향으로 약 400미터(도보 5분)</li>
</ul>
</div>
</div>
<br/>
<hr>
</section>
<section id="organizers">
<h1>Organizers</h1>
<div class="row">
<ul>
<li>진성주 - 호기심왕성하고 신기한거 만들어보는거 좋아하는 개발자, <a href="http://twitter.com/geekbeast" target="_blank">@geekbeast</a></li>
<li>이동훈 - SW Maestro 1기 기장</li>
<li>이연복 - 헬로월드 개발팀장</li>
<li>문준석 - funmeate 대표</li>
<li>임선용 - 텔레톡비 CTO</li>
<li>천은진 - 삼성전자</li>
<li>김종헌 - Team Appetizer 대표</li>
<li>임연준 - NS Linkle CTO, 귀찮다고 느끼는 모든 것을 개발해 보려는 귀차니즘 개발자</li>
<li>안기욱 - 뭐든 망가뜨리는 개발자, <a href="http://www.facebook.com/kiwook.ahn" target="_blank">Facebook</a></li>
<li>김선유 - 연세대학교 컴퓨터과학과 대학원 소프트컴퓨팅랩</li>
</ul>
</div>
<br/>
<hr>
</section>
<section id="sponsors">
<h1>Sponsors</h1>
<div class="well pagination-centered" style="background-color:white">
<a href="http://nipa.kr" target="_blank"><img src="photo/sponsors/nipa.gif" width="180"/></a>
<a href="http://www.imaso.co.kr" target="_blank"><img src="photo/sponsors/microsoftware.png" /></a>
<a href="http://devmento.co.kr" target="_blank"><img src="photo/sponsors/devmento.gif" /></a>
<a href="http://zdnet.co.kr" target="_blank"><img src="photo/sponsors/zdnet.png" width="130"/></a>
<a href="http://jinson.tistory.com" target="_blank"><img src="photo/sponsors/jinson.jpg" width="80"/></a>
<a href="http://www.facebook.com/groups/169121523199004" target="_blank"><img src="photo/sponsors/eva.png" width="100" /></a>
</div>
<br/>
</section>
<section id="communications">
<h1>Communications</h1>
<hr>
여러분의 다양한 생각들을 나누어보세요! ;)
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'somainside'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</section>
<hr>
<p>
Copyright SOMAINSIDE all right reserved 2013.<br/>
Built With Bootstrap, <a href="http://github.com/danneu/darkstrap">Darkstrap</a> Inspired by <a href="http://seminar.ksug.org/">KSUG seminar site</a> | <a id="style-toggle" href="#">switch color</a>
</p>
</div> <!-- /container -->
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#style-toggle").click(function (e) {
e.preventDefault();
// Toggle <link> url
$link = $("link#darkstrap-link");
var href = $link.attr("href")
var css_url =
href.length > 0 ? "" : "css/darkstrap.css"
$link.attr("href", css_url);
// Toggle button text
$this = $(this);
var text = $this.text() == "Toggle Darkstrap" ?
"Toggle Bootstrap" : "Toggle Darkstrap";
$this.text(text);
});
});
</script>
<script type="text/javascript">
$(function () {
$("#tooltip-example").tooltip();
});
</script>
<script type="text/javascript">
$(function () {
$("#myCarousel").carousel();
});
</script>
</body>
</html>