-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
200 lines (177 loc) · 8.72 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JSLounge</title>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<style type="text/css">
/* Sticky footer styles
-------------------------------------------------- */
html,
body {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto;
/* Negative indent footer by its height */
margin: 0 auto -60px;
/* Pad bottom by footer height */
padding: 0 0 60px;
}
/* Set the fixed height of the footer here */
#footer {
height: 60px;
background-color: #f5f5f5;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
#wrap > .container {
padding: 60px 15px 0;
}
.container .text-muted {
margin: 20px 0;
}
#footer > .container {
padding-left: 15px;
padding-right: 15px;
}
code {
font-size: 80%;
}
.seminar {
list-style: none;
list-style-type: none;
padding-left: 0px;
}
.seminar_title {
font-weight: bold;
font-size: 12pt;
}
.section {
margin-top: 50px;
}
.section_header {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
font-weight: bold;
}
</style>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
<!-- Wrap all page content here -->
<div id="wrap">
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a type="a" 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>
</a>
<a class="navbar-brand" href="index.html">JSLounge</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">홈</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/">페이스북</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<!-- Begin page content -->
<div class="container">
<div class="page-header">
<h1>JSLounge</h1>
</div>
<p class="lead">JSLounge는 JavaScript에 대한 이야기를 나누는 곳입니다. 페이스북에 자리하고 있으며 이 페이지는 다양한 활동의 결과를 모아두는 곳입니다. 더 많은 이야기를 찾으신다면 <a href="https://www.facebook.com/groups/jslounge/">페이스북의 JSLounge 그룹</a>을 방문해보시기 바랍니다.</p>
<div class="section">
<div>
<h3 class="section_header">읽어볼만한 글들</h3>
<p>JSLounge에서 이루어진 이야기 중 다시 읽어볼만한 글을 정리했습니다.</p>
</div>
<div>
<ul>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/708560275831149/" target="_new">inline으로 이벤트 핸들러를 연결할 때와 addEventListener를 사용할 때의 차이</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/678840028803174/" target="_new">HTML import</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/660649593955551/" target="_new">자바스크립트의 유니코드 문제</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/628712587149252/" target="_new">크로미엄 빌드하기</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/620785777941933/" target="_new">다양한 해상도의 기기에서 캔버스로 그린 차트 정상적으로 보여주기</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/602853209735190/" target="_new">asm.js는 무엇인가 그리고 무엇이 아닌가</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/590099371010574/" target="_new">Learn Layout</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/578400862180425/" target="_new">JSLint/JSHint 에러 메시지 설명</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/555866834433828/" target="_new">Number.MIN_VALUE가 의미하는 것은?</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/533351526685359/" target="_new">호이스팅</a></li>
<li><a href="https://www.facebook.com/groups/jslounge/permalink/475909225762923/" target="_new">JavaScript Garden 한글 번역</a></li>
</ul>
</div>
</div>
<div class="section">
<div>
<h3 class="section_header">세미나</h3>
<p>JSLounge의 세미나에서는 최신의 HTML5 주제부터 개발 문화까지 다양한 주제를 나누고 있습니다. 이 페이지에는 JSLounge에서 진행했던 세미나 정보를 모았습니다.</p>
</div>
<div>
<ol class="seminar">
<li class="seminar_title">7회 세미나</li>
<ol>
<li><a href="slides/">타이타늄 모바일: 이전까지의 타이타늄은 잊어라!</a> - 이종은</a></li>
<li><a href="slides/">폰갭으로 앱서비스하기</a> - <a href="organizers.html#denzels">송효종</a></li>
</ol>
<li class="seminar_title">6회 세미나</li>
<ol>
<li><a href="slides/nundefined_websocket.html">Web Socket</a> - <a href="organizers.html#nundefined">장정환</a></li>
<li>Stampit 소개 - 옥정수</li>
</ol>
<li class="seminar_title">5회 세미나</li>
<ol>
<li><a href="slides/nundefined_fullscreen.html">full screen과 orientation lock</a> - <a href="organizers.html#nundefined">장정환</a></li>
<li><a href="slides/mixed_asmjs.html">asm.js</a> - <a href="organizers.html#mixed">전용우</a></li>
<li><a href="slides/sculove_grunt.html">Grunt.js</a> - <a href="contributors.html#sculove">손찬욱</a></li>
</ol>
<li class="seminar_title">4회 세미나</li>
<ol>
<li><a href="slides/senxation_javascript_typecasting.html">자바스크립트의 암묵적인 형변환과 타입캐스팅</a> - <a href="organizers.html#senxation">김준기</a></li>
<li><a href="slides/nundefined_webrtc.html">WebRTC</a> - <a href="organizers.html#nundefined">장정환</a></li>
<li><a href="slides/nigayo_python_for_javascript_developer.html">자바스크립트 개발자가 바라보는 Python기초</a> - <a href="organizers.html#nigayo">윤지수</a></li>
</ol>
<li class="seminar_title">3회 세미나</li>
<ol>
<li>TypeScript 소개 - 황리건</li>
<li><a href="slides/mixed_coffeescript.html">CoffeeScript</a> - <a href="organizers.html#mixed">전용우</a></li>
<li><a href="slides/songhun_dart.html">Dart</a> - <a href="organizers.html#songhun">김성훈</a></li>
</ol>
<li class="seminar_title">2회 세미나</li>
<ol>
<li>AngularJS 간단히 살펴보기 - 고재도</li>
<li>Javascript animation framework Collie - 심상민</li>
<li><a href="slides/nundefined_chrome_extensions.html">크롬 확장 프로그램 만들기</a> - <a href="organizers.html#nundefined">장정환</a></li>
</ol>
<li class="seminar_title">1회 세미나</li>
<ol>
<li><a href="slides/mixed_web_component.html">Web Component</a> - <a href="organizers.html#mixed">전용우</a></li>
<li><a href="slides/nigayo_jenkins_and_javascript.html">Jenkins를 활용한 Javascript 개발</a> - <a href="organizers.html#nigayo">윤지수</a></li>
</ol>
</ol>
</div>
</div>
</div><!-- container -->
</div><!-- wrap -->
<div id="footer">
<div class="container">
<p class="text-muted">
<a href="https://www.facebook.com/groups/jslounge/">JSLounge</a>
/ <a href="organizers.html">Organizers</a>
/ <a href="contributors.html">Contributors</a>
</p>
</div>
</div>
</body>
</html>