-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
637 lines (497 loc) · 30.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
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> 프론트앤드 개발자들의 모루! 프랜즈(frends)</title>
<meta name="description" content="프론트앤드 개발자들이 모여서 노는 놀이터이자 작업공간입니다. 기본 바탕은 서로에게 공유하고 그만큼 얻어가자라는 > 취지와 프로그래밍을 통해 창조를 취미로 하는 사람들이 모인 공간입니다.">
<meta name="author" content="frends">
<meta name="keywords" content="javascript,node.js,html5,css3,git,jQuery" />
<meta name="generator" content="haroopress v0.8.4" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="/rss.xml" rel="alternate" title="프론트앤드 개발자들의 모루! 프랜즈(frends)" type="application/rss+xml">
<!-- Le styles -->
<link rel="canonical" href="http://frends.kr">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/bootstrap-responsive.css" rel="stylesheet">
<link href="/css/prettify.css" rel="stylesheet">
<link href="/css/haroopress.css" rel="stylesheet">
<link href="/css/archives.css" rel="stylesheet">
<!-- Le fav and touch icons -->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<!--<link rel="apple-touch-icon" href="assets/ico/bootstrap-apple-57x57.png">-->
<link rel="apple-touch-icon" sizes="72x72" href="/favicon-64.png">
<!--<link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">-->
<!-- Le javascript -->
<script src="/js/jquery.min.js"></script>
<script src="/js/prettify.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.jsonp.js"></script>
<script src="/js/mustache.js"></script>
<script src="/js/apps/github.js"></script>
<script src="/js/apps/twitter.js"></script>
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<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="pull-right" href="/rss.xml"><img src="/img/buttons/rss.png" /></a>
<a class="pull-right" href="http://twitter.com/frends_kr" target="_blank"><img src="/img/buttons/twitter.png" /></a>
<div class="nav-collapse">
<ul class="nav">
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/archives">Archives</a>
</li>
<li>
<a href="/projects/">Projects</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container page-main">
<div class="row">
<div class="span3">
<div id="author" class="well">
<div>
<h3>About This Site</h3>
<p>
이 사이트는 <a href="http://github.com/rhiokim/haroopress" target="_target">haroopress</a> 엔진으로 생성된 정적 페이지 기반의 웹 사이트입니다.
</p>
</div>
</div>
<div class="well">
<ul class="nav nav-list">
<li class="nav-header">Categories</li>
<li class=""><a href="/category"><i class="icon-home"></i> Home</a></li>
<li><a href="/category/javascript"><i class="icon-book"></i> javascript</a></li>
<li><a href="/category/javascript core"><i class="icon-book"></i> javascript core</a></li>
<li><a href="/category/couchdb"><i class="icon-book"></i> couchdb</a></li>
<li><a href="/category/node.js"><i class="icon-book"></i> node.js</a></li>
<li><a href="/category/conference"><i class="icon-book"></i> conference</a></li>
<li><a href="/category/frends"><i class="icon-book"></i> frends</a></li>
<li><a href="/category/notice"><i class="icon-book"></i> notice</a></li>
<li><a href="/category/google"><i class="icon-book"></i> google</a></li>
<li><a href="/category/html5"><i class="icon-book"></i> html5</a></li>
<li><a href="/category/jquery"><i class="icon-book"></i> jquery</a></li>
<li><a href="/category/java"><i class="icon-book"></i> java</a></li>
<li><a href="/category/news"><i class="icon-book"></i> news</a></li>
<li><a href="/category/rhino"><i class="icon-book"></i> rhino</a></li>
<li><a href="/category/css3"><i class="icon-book"></i> css3</a></li>
<li><a href="/category/tech"><i class="icon-book"></i> tech</a></li>
</ul>
</div>
<div class="well contributors">
<div class="pull-right">
<a href="/authors"><i class=" icon-info-sign"></i></a>
</div>
<h6>contributors</h6>
<div class="row-fluid">
<a class="pull-left" href="/authors/frends" title="undefined">
<img src="http://www.gravatar.com/avatar/530bec4a6751956e844e9de52cc75f0a?r=pg&s=128.jpg&d=identicon" />
</a>
<p>
<strong>frends</strong><br/>
<a href="https://twitter.com/#!/frends_kr" target="_blank">@frends_kr</a>
</p>
</div>
<hr>
<div class="row-fluid">
<a class="pull-left" href="/authors/Rhio Kim" title="undefined">
<img src="http://www.gravatar.com/avatar/0764d73c228492e36b339d8b6d7293ad?r=pg&s=128.jpg&d=identicon" />
</a>
<p>
<strong>Rhio Kim</strong><br/>
<a href="https://twitter.com/#!/rhiokim" target="_blank">@rhiokim</a>
</p>
</div>
<hr>
<div class="row-fluid">
<a class="pull-left" href="/authors/nanhapark" title="undefined">
<img src="http://www.gravatar.com/avatar/2742e7d0ee5074de9ead238db2462f4d?r=pg&s=128.jpg&d=identicon" />
</a>
<p>
<strong>nanhapark</strong><br/>
<a href="https://twitter.com/#!/nanhapark" target="_blank">@nanhapark</a>
</p>
</div>
<hr>
</div>
<div class="well _github_repo">
<div class="pull-right">
<a href="/github"><i class="icon-info-sign"></i></a>
</div>
<h6>github.com repositories</h6>
<div class="progress progress-info progress-striped active">
<div class="bar" style="width: 10%;"></div>
</div>
</div>
<script>
github({
user: 'frends',
count: 10,
skipForks: true,
target: '._github_repo'
});
</script>
<div class="well">
<ul class="nav nav-list">
<li class="nav-header">Favorites</li>
<li>
<a href="http://nodejs.kr" target="_blank">노드 한국 개발자 커뮤니티</a>
</li>
<li>
<a href="http://frends.kr" target="_blank">프론트 앤드 개발자 커뮤니티</a>
</li>
<li>
<a href="http://rhio.tistory.com" target="_blank">리오 블로그</a>
</li>
<li>
<a href="http://blog.outsider.ne.kr" target="_blank">아웃사이더 블로그</a>
</li>
<li>
<a href="http://blog.j2p.kr" target="_blank">제이투피 블로그</a>
</li>
</ul>
</div>
<div id="__weather" class="pull-right"></div>
<script src="/js/jquery.simpleWeather-2.0.1.min.js"></script>
<script>
$(document).ready(function() {
$.simpleWeather({
zipcode: 'KSXX0037',
unit: 'f',
success: function(weather) {
$("#__weather").html('<img src="'+ weather.image +'">');
},
error: function(error) {
$("#__weather").html("<p>"+error+"</p>");
}
});
$('#__weather').css({ position: 'absolute', marginTop:-30, left: 30 }).stop().fadeIn().animate({ opacity: 0 }, 0);
});
</script>
</div>
<div class="span9">
<div class="well">
<div class="page-header">
<h1><a href="/post/domain-api">Domain module 소개</a></h1>
<span class="pull-right">Monday, July 16 2012 12:13 AM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/2742e7d0ee5074de9ead238db2462f4d?r=pg&s=128.jpg&d=identicon"/>
</li>
</ul>
</div>
<div class="markdown">
<blockquote>
<p>Domains provide a way to handle multiple different IO operations as a single group. If any of the event emitters or callbacks registered to a domain emit an error event, or throw an error, then the domain object will be notified, rather than losing the context of the error in the process.on('uncaughtException') handler, or causing the program to exit with an error code.</p>
</blockquote>
<p>node <code>v0.8</code> 새로운 기능 <a href="http://nodejs.org/api/domain.html">domain api</a>, 뭐라 설명하기가 굉장히 애매한 API입니다. 그냥 에러처리기라고 하기도 그렇고... 위 정의가 굉장히 멋있는데, 실무에서 사용한 결과 제 입장에서는 <code>try ~ catch</code> 의 또다른 형태라고 정의하였습니다. 아래 소스설명 보시고 나름 이해하시고 정의 내리시면 됩니다. 그리고, 저와 다른 정의를 내린 분은 의견 공유 부탁드려요.</p>
<h1>배경</h1>
<p>nodejs의 callback에서 발생하는 <code>throw</code>를 전체 프로세스를 묶은 <code>try</code>로 에러를 제어 할 수 없습니다. 예를 들어봅시다.</p>
<ul>
<li>다른 언어에서 <code>try~catch</code>는 여러개의 모듈사용 흐름을 하나의 프로세스 흐름으로 생각하고 에러처리를 도와줍니다. 보통 모듈에서 throw를 반환하고 이를 사용하는 로직레벨에서는 <code>try~catch</code>로 제어하여 깔끔한 구문을 만들 수 있죠. 이것이 nodejs에서 된다면 굉장히 편할 것입니다.
아래 소스는 <code>fs.mkdir</code>를 <code>try~catch</code>로 묶어 보고 싶은 심정의 코드입니다.</li>
</ul>
</div>
<hr/>
<a class="pull-right" href="/post/domain-api#disqus_thread" data-disqus-identifier="0"></a>
<p>
<a href="/post/domain-api" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/nodejs-beatiful-logging-winston">beautiful logging winston (nodejs 프로그래밍에 필수적인 프로그래밍 과정 logging)</a></h1>
<span class="pull-right">Sunday, July 1 2012 12:13 AM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/2742e7d0ee5074de9ead238db2462f4d?r=pg&s=128.jpg&d=identicon"/>
</li>
</ul>
</div>
<div class="markdown">
<h1>소개</h1>
<p>이번 cookbook은 <code>logging</code>에 대한 내용입니다. node는 독립적인 어플리케이션 혹은 웹서버가 될 수 있습니다. apache, nginx등 모든 솔루션에는 기본적으로 logging 을 하고 있습니다. 이것이 귀찮아서 console.log으로 남기고, stdout + logrotate 으로 땜방하는 형식으로 logging 하는 경우를 저도 처음에 겪어 보았습니다. 하지만, 이래서는 안되겠더군요.</p>
<p>자 그럼 <code>multiple transport (Console, File, remote...)</code>를 지원하는 <code>winston</code> 에 대해서 알아보겠습니다. 참고로 <a href="https://github.com/flatiron/winston" target="_blank">winston wiki</a>에서 실무에 실제 사용중인 부분과 부가적으로 유용한 부분을 추출하여 설명하겠습니다.</p>
<h1>설치</h1>
<p><code>npm install winston</code></p>
</div>
<hr/>
<a class="pull-right" href="/post/nodejs-beatiful-logging-winston#disqus_thread" data-disqus-identifier="1"></a>
<p>
<a href="/post/nodejs-beatiful-logging-winston" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/go-together-nodejs">Go together nodejs</a></h1>
<span class="pull-right">Wednesday, June 27 2012 11:20 PM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/2742e7d0ee5074de9ead238db2462f4d?r=pg&s=128.jpg&d=identicon"/>
</li>
</ul>
</div>
<div class="markdown">
<h1>Go together node.js</h1>
<p><a href="http://blog.frends.kr">FRENDS</a> 6차 모임때 발표한 슬라이드입니다.</p>
<div style="width:425px" id="__ss_13427102"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/nanhapark/frends-go-together-with-nodejs" title="[Frends] go together with nodejs" target="_blank">[Frends] go together with nodejs</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/13427102" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0" allowfullscreen></iframe> <div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/nanhapark" target="_blank">Nanha Park</a> </div> </div>
<h1>JS2C Live coding</h1>
<h2>전체순서</h2>
</div>
<hr/>
<a class="pull-right" href="/post/go-together-nodejs#disqus_thread" data-disqus-identifier="2"></a>
<p>
<a href="/post/go-together-nodejs" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/node-dot-j-s-v0-dot-6-gwa-v0-dot-8-yi-api-byeongyeongiryeog">Node.js v0.8 발표요약</a></h1>
<span class="pull-right">Wednesday, June 27 2012 9:46 AM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/0764d73c228492e36b339d8b6d7293ad?r=pg&s=128.jpg&d=identicon"/>
</li>
</ul>
</div>
<div class="markdown">
<p>Node.js 0.8.0 에서는 v8 및 플랫폼 추상화 라이브러리인 "libuv" 에 많은 노력을 기울여 속도가 크게 개선되었다고 합니다. Node.js 블로그에 공개한 테스트 결과에 따르면 파일 I/O 에서 2 ~ 3배 정도의 성능향상을 보이며 웹 서버의 처리량을 향상시키고 있습니다.</p>
<p><img src="/post/node-dot-j-s-v0-dot-6-gwa-v0-dot-8-yi-api-byeongyeongiryeog/@img/node_logo.png" class="span2"/> 오픈 소스의 가장 중요한 에코시스템인 모듈 시스템이라고 할 수 있습니다.</p>
<p>노드 창시자인 라이언(@ry)은 0.6 버젼 이후 [NPM][npm] 개발자인 아이작(@issac) 에게 넘어가면서 좀더 완벽한 시스템으로 발전해왔습니다. 이번 v0.8 의 주된 목표인 플랫폼 호환성을 향상시키기 위해 파이썬에 의존하던 <a href="http://code.google.com/p/waf/">Waf</a> 는 <a href="http://code.google.com/p/gyp/wiki/GypLanguageSpecification">GYP</a> 을 구현한 <a href="https://github.com/TooTallNate/node-gyp">node-gyp</a> 로 전환하되었습니다.</p>
<blockquote>
<p>GYP 는 'Generate Your Projects' 의 약자로 Visual Studio, XCode, SCons 등에서 크롬 프로젝트의 빌드 파일을 생성하기 위한 플랫폼에 독립적인 포맷입니다.</p>
</blockquote>
<p>이와 더불어 향후 버젼에서는 기존의 [NPM][]]npm]]모듈도 <code>npm install module</code> 이 아닌 <code>node install module</code> 형태로 변경하는 작업 진행중에 있습니다. 이번 릴리즈를 통해 노드는 좀더 쉽고 좀더 빠르고 좀더 넓은 플랫폼에서 기존의 솔루션들과 경쟁할 수 있게 되었습니다.</p>
</div>
<hr/>
<a class="pull-right" href="/post/node-dot-j-s-v0-dot-6-gwa-v0-dot-8-yi-api-byeongyeongiryeog#disqus_thread" data-disqus-identifier="3"></a>
<p>
<a href="/post/node-dot-j-s-v0-dot-6-gwa-v0-dot-8-yi-api-byeongyeongiryeog" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/frends-6ca-moim-hugi">FRENDS 6차 모임 후기</a></h1>
<span class="pull-right">Monday, June 25 2012 11:44 AM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/530bec4a6751956e844e9de52cc75f0a?r=pg&s=128.jpg&d=identicon"/>
</li>
</ul>
</div>
<div class="markdown">
<p>FRENDS 6차 공식모임을 지난 6월 23일(토)에 KTH 에서 진행하였습니다. ajaxian.kr 야머그룹 개발자 다섯명, FRENDS 멤버중 초대한 개발자분들이 모여 아래 몇가지 지식과 기술에 대한 공유를 진행하였습니다.
이번 내용 정리는 <a href="http://twitter.com/j2p_">@j2p</a> 님이 수고해주셨습니다.</p>
<h3>자바스크립트 완벽가이드 번역 후기</h3>
<ul>
<li>발표자 : <a href="http://twitter.com/zziuni">@zziuni</a></li>
<li>4명이 참여한 JavaScript Definitive Guide 6th 번역을 하며 경함한 기술 번역의 노하우 공유
<ul>
<li>왜 번역을 시작했나</li>
<li>번역을 통해 얻은 것은 무엇인가</li>
<li>번역을 위한 도구(용어사전, 퇴고, 맞춤법 검사, ) 활용법</li>
<li>기술 번역의 다양한 원칙 소개</li>
</ul></li>
<li>(발표자료는 별도로 공유하지 않습니다.)</li>
</ul>
<h3>노드 블랙 에디션</h3>
<ul>
<li>발표자 : <a href="http://twitter.com/nanhapark">@nanhapark</a></li>
<li>노드 블랙 에디션을 제작하면서 얻은 노하우 공유
<ul>
<li>노드 블랙 에디션 제작 취지</li>
<li>장점과 단점</li>
<li>노드 블랙 에디션 제작 방법</li>
</ul></li>
<li><div style="width:100%" id="__ss_13427102"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/nanhapark/frends-go-together-with-nodejs" title="[Frends] go together with nodejs" target="_blank">[Frends] go together with nodejs</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/13427102" width="100%" height="497" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0" allowfullscreen></iframe> <div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/nanhapark" target="_blank">Nanha Park</a> </div> </div></li>
<li>자세한 내용은 <a href="http://nodeqa.com/nodejs_ref/18">여기</a> 를 참조하세요.]</li>
</ul>
<h3>하루프레스</h3>
<ul>
<li>발표자 : <a href="http://twitter.com/rhiokim">@rhiokim</a></li>
<li>오픈소스 프로젝트로 진행중인 정적 페이지 블로그 엔진 하루프레스에 대한 Stack 과 사용방법 공유
<ul>
<li>왜 하루프레스를 개발하나?</li>
<li>설치, 환경설정, 사용법 등 공유</li>
<li>FRENDS 하루프레스 적용과 운영방식<br></li>
</ul></li>
<li><div style="width:100%" id="__ss_13428285"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/rhio.kim/ss-13428285" title="하루프레스" target="_blank">하루프레스</a></strong> <object id="__sse13428285" width="100%" height="497"> <param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=frends6-120623055228-phpapp01&rel=0&stripped_title=ss-13428285&userName=rhio.kim" /> <param name="allowFullScreen" value="true"/> <param name="allowScriptAccess" value="always"/> <param name="wmode" value="transparent"/> <embed name="__sse13428285" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=frends6-120623055228-phpapp01&rel=0&stripped_title=ss-13428285&userName=rhio.kim" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="100%" height="497"></embed> </object> <div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/rhio.kim" target="_blank">Rhio Kim</a> </div> </div></li>
</ul>
<h2>사진</h2>
<p><img src="/post/frends-6ca-moim-hugi/@img/IMG_1112.jpg" alt="">
<img src="/post/frends-6ca-moim-hugi/@img/IMG_1113.jpg" alt="">
<img src="/post/frends-6ca-moim-hugi/@img/IMG_1115.jpg" alt="">
<img src="/post/frends-6ca-moim-hugi/@img/IMG_1114.jpg" alt="">
<img src="/post/frends-6ca-moim-hugi/@img/IMG_1116.jpg" alt="">
<img src="/post/frends-6ca-moim-hugi/@img/IMG_1117.jpg" alt="">
<img src="/post/frends-6ca-moim-hugi/@img/IMG_1118.jpg" alt="">
<img src="/post/frends-6ca-moim-hugi/@img/IMG_1119.jpg" alt="">
<img src="/post/frends-6ca-moim-hugi/@img/IMG_1120.jpg" alt="">
</p>
</div>
<hr/>
<a class="pull-right" href="/post/frends-6ca-moim-hugi#disqus_thread" data-disqus-identifier="4"></a>
<p>
<a href="/post/frends-6ca-moim-hugi" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/frendsnumber-6">FRENDS #6</a></h1>
<span class="pull-right">Tuesday, June 12 2012 11:38 AM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/530bec4a6751956e844e9de52cc75f0a?r=pg&s=128.jpg&d=identicon"/>
</li>
</ul>
</div>
<div class="markdown">
<h2>FRENDS 6차 모임 공지</h2>
<ul>
<li>날짜와 시간 : 2012년 6월 23일(토요일) 오후 2시부터</li>
<li>장소 : <a href="http://h3.paran.com/2011/location.html">KTH 5층 대회의실</a></li>
<li>참석 예상인원 : 11명</li>
</ul>
<h3>공유 내용</h3>
<ul>
<li>노드 블랙 에디션 ( 30분 )</li>
<li>하루프레스 FRENDS 블로그 적용 및 운영 방식 공유 ( 30분 )</li>
<li>번역 후기 ( 30분 )</li>
<li>커피스크립트, MVC 프레임웍, PhantomJS 중 1개 ( 30분 )</li>
<li><del>레일즈 ( 30분 )</del></li>
</ul>
<h3>초대인원</h3>
<ul>
<li>이용혁님 (@outsider)</li>
<li>Ajaxian 야머그룹 5명</li>
</ul>
<h2>기타 논의 사항</h2>
<ul>
<li>최근 멤버들의 참여가 거의 없을 뿐 아니라 참여 의지도 매우 약해짐 그래서 <strong>FRENDS 의 현 운영 방식 개선에 대한 논의</strong>를 별도로 진행할 예정</li>
</ul>
<h2>장소후원</h2>
</div>
<hr/>
<a class="pull-right" href="/post/frendsnumber-6#disqus_thread" data-disqus-identifier="5"></a>
<p>
<a href="/post/frendsnumber-6" class="btn btn-info">Read more...</a>
</p>
</div>
<div class="well">
<div class="page-header">
<h1><a href="/post/fluent-conference-30-may">Fluent Converence 30 May</a></h1>
<span class="pull-right">Tuesday, June 12 2012 10:50 AM</span>
</div>
<div class="pull-right">
<ul class="thumbnails">
<li class="thumbnail">
<img src="http://www.gravatar.com/avatar/0764d73c228492e36b339d8b6d7293ad?r=pg&s=128.jpg&d=identicon"/>
</li>
</ul>
</div>
<div class="markdown">
<h3>JavaScript at 17</h3>
<p><a href="http://fluentconf.com/fluent2012/public/schedule/detail/24538">세션 소개 페이지</a></p>
<p>발표자 : Brendan Eich (Mozilla)</p>
<ul>
<li>자바스크립트의 역사와 가지고 있는 문제점</li>
<li>LLJS, Emscripten(C/C++ Compiled JS), ECMAScript 6</li>
</ul>
<iframe width="825" height="464" src="http://www.youtube.com/embed/Rj49rmc01Hs" frameborder="0" allowfullscreen></iframe>
<h3>wtf.js: JavaScript as a First Language</h3>
<p><a href="http://fluentconf.com/fluent2012/public/schedule/detail/24888">세션 소개 페이지</a></p>
</div>
<hr/>
<a class="pull-right" href="/post/fluent-conference-30-may#disqus_thread" data-disqus-identifier="6"></a>
<p>
<a href="/post/fluent-conference-30-may" class="btn btn-info">Read more...</a>
</p>
</div>
</div>
</div>
</div><!-- /container -->
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'frendskr'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
<div id="__weather" class="pull-right"></div>
<script src="/js/jquery.simpleWeather-2.0.1.min.js"></script>
<script>
$(document).ready(function() {
$.simpleWeather({
zipcode: 'KSXX0037',
unit: 'f',
success: function(weather) {
$("#__weather").html('<img src="'+ weather.image +'">');
},
error: function(error) {
$("#__weather").html("<p>"+error+"</p>");
}
});
$('#__weather').css({ position: 'absolute', marginTop:-30, left: 30 }).stop().fadeIn().animate({ opacity: 0 }, 0);
});
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="span12 ">
<div class="well">
<p class="pull-right"><a href="#">Back to top</a></p>
<strong>haroopress</strong> developed by <a href="http://twitter.com/rhiokim" target="_blank">@rhiokim</a>,<a href="http://twitter.com/haroopress" target="_blank">@haroopress</a> and source in <a href="https://github.com/rhiokim/haroopress" target="_blank">github</a><br/>
Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
</div>
</div>
</div>
</div>
</footer>
<script>
$('pre > code').parent().addClass('prettyprint linenums');
prettyPrint();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17041304-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>