-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
226 lines (226 loc) · 12.5 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:url" content="http://seoul.reactjs.kr">
<meta property="og:title" content="React Seoul 2017">
<meta property="og:image" content="http://seoul.reactjs.kr/assets/img/react-seoul.png">
<meta property="og:description" content="React Seoul은 React 개발자를 위해 React Korea 커뮤니티에서 주관하는 비영리 컨퍼런스입니다.">
<meta charset="utf-8">
<title>React Seoul 2017</title>
<link rel="stylesheet" href="assets/style.css?v=20171010.1" type="text/css">
</head>
<body>
<header class="top-header">
<nav class="nav">
<div class="nav-inner">
<h1 class="nav__logo">
<img src="./assets/img/main_logo.svg"> React Seoul
</h1>
<ul id="nav__links" class="nav__links">
<li><a href="#about">행사 소개</a></li>
<li><a href="#program">프로그램</a></li>
<li><a href="#speakers">발표자</a></li>
<li><a href="#venue">장소</a></li>
<li><a href="/en">English</a></li>
<li class="nav__links__register"><a href="https://tumblbug.com/reactseoul2017" class="register-button disabled">참가 신청</a></li>
</ul>
</div>
</nav>
<div id="info" class="info">
<h2 class="info__header">
React Seoul
<div class="info__landmark"></div>
<div class="info__logo"></div>
</h2>
<hr class="info__separator">
<time class="info__date" datetime="2017-11-04T13:00">
<i class="icon-calendar"></i> 2017.11.4 / 1-5 PM
</time>
<address class="info__addr">
<i class="icon-location"></i> 강남구 테헤란로 142 캐피탈타워 22층
</address>
<a href="https://tumblbug.com/reactseoul2017" class="register-button disabled">참가 신청</a>
</div>
</header>
<section id="about">
<h2 class="section-header">행사 소개</h2>
<div class="section-content">
<p>React Seoul은 React 개발자를 위해 React Korea 커뮤니티에서 주관하는 비영리 컨퍼런스입니다.</p>
<p>페이스북이 2013년 공개한 React는 꾸준히 성장하여 전세계적으로는 물론 국내에도 많은 개발자와 기업이 React 기술을 도입하고 있습니다. 이 때문에 그간 많은 개발자 컨퍼런스에서 다루어졌지만 React의 넓고 다양한 세계를 담기에는 부족했습니다. 이에 React 생태계의 발전을 돕고자 한국에서는 처음으로 React 개발자 행사를 기획하게 되었습니다.</p>
<p>행사와 관련된 문의는 <a href="https://festi.kr/zlack/team/T543UCP6D/46/">React Korea 슬랙</a>에서 <a href="https://react-korea.slack.com/messages/react-seoul">#react-seoul</a> 채널을 이용해주세요.</p>
<p>본 행사는 커뮤니티 멤버들의 자발적인 참여로 이루어집니다.</p>
</div>
</section>
<section id="program" class="even">
<h2 class="section-header">프로그램</h2>
<div class="section-content">
<ul class="timetable">
<li>
<p><time>13:00</time>-<time>13:30</time></p>
<p>
<strong>접수 및 준비</strong>
<i class="icon-warning"></i> 현장 접수는 하지 않습니다.
</p>
</li>
<li>
<p><time>13:30</time>-<time>13:40</time></p>
<p>
<strong>오프닝: React Seoul</strong>
React Seoul 스태프
</p>
</li>
<li>
<p><time>13:40</time>-<time>14:10</time></p>
<p>
<strong>React로 다른 페이지에 임베드되는 웹앱 개발기</strong>
안재하 <span class="company">@카카오</span> / <a href="/assets/slides/embedded_react_application.pdf">발표자료</a> / <a href="https://youtu.be/AnXU3cG2giw" target="_blank">발표영상</a>
</p>
</li>
<li>
<p><time>14:10</time>-<time>14:40</time></p>
<p>
<strong>React/Redux for Smart TV UI</strong>
이동영 <span class="company">@LG전자</span> / <a href="/assets/slides/react_redux_for_smart_tv_ui.pdf">발표자료</a> / <a href="https://youtu.be/iXgpPwVh67c" target="_blank">발표영상</a>
</p>
</li>
<li>
<p><time>14:40</time>-<time>15:10</time></p>
<p>
<strong>Coffee Break & Networking</strong>
커피와 샌드위치 등의 스낵류가 준비되어 있습니다.
</p>
</li>
<li>
<p><time>15:10</time>-<time>15:40</time></p>
<p>
<strong>리액트 네이티브 어디까지 해봤니?</strong>
정주원 <span class="company">@인디개발자</span> / <a href="/assets/slides/react_native.pdf">발표자료</a> / <a href="https://youtu.be/Wt9H66cOCnQ" target="_blank">발표영상</a>
</p>
</li>
<li>
<p><time>15:40</time>-<time>16:10</time></p>
<p>
<strong>Storybook Driven Development: Storybook을 통한 React UI Component 및 State 관리하기</strong>
진겸 <span class="company">@Foreseer llc.</span> / <a href="/assets/slides/storybook_driven_development.pdf">발표자료</a> / <a href="https://youtu.be/KnROzZ5Vszg" target="_blank">발표영상</a>
</p>
</li>
<li>
<p><time>16:10</time>-<time>16:30</time></p>
<p>
<strong>Break</strong>
</p>
</li>
<li>
<p><time>16:30</time>-<time>17:00</time></p>
<p>
<strong>Decorator + HOC + React = Fantastic!!</strong>
천민호 <span class="company">@ZOYI Corp.</span> / <a href="/assets/slides/react_decorator_hoc_fantastic.pdf">발표자료</a> / <a href="https://youtu.be/1o1CqzTtt2o" target="_blank">발표영상</a>
</p>
</li>
<li>
<p><time>17:00</time>-<time>17:30</time></p>
<p>
<strong>클로징 & 경품 추첨</strong>
</p>
</li>
</ul>
</div>
</section>
<section id="speakers">
<h2 class="section-header">발표자</h2>
<div class="section-content align-center">
<ul class="speakers-list">
<li>
<img src="/assets/img/speakers/jhahn.jpg" class="speaker-photo">
<div class="speaker-name">안재하</div>
<div class="speaker-company">카카오</div>
<div class="speaker-sns">
<a href="https://github.com/eu81273"><i class="icon-github"></i></a>
</div>
</li>
<li>
<img src="/assets/img/speakers/dylee.jpg" class="speaker-photo">
<div class="speaker-name">이동영</div>
<div class="speaker-company">LG전자</div>
<div class="speaker-sns">
</div>
</li>
<li>
<img src="/assets/img/speakers/jwjeong.jpg" class="speaker-photo">
<div class="speaker-name">정주원</div>
<div class="speaker-company">인디개발자</div>
<div class="speaker-sns">
<a href="https://www.facebook.com/jungjuwon"><i class="icon-facebook-official"></i></a>
<a href="https://github.com/jeongjuwon"><i class="icon-github"></i></a>
</div>
</li>
<li>
<img src="/assets/img/speakers/kevin.1.jpg" class="speaker-photo">
<div class="speaker-name">진겸</div>
<div class="speaker-company">Foreseer llc.</div>
<div class="speaker-sns">
<a href="https://fb.com/kevinoriginal123"><i class="icon-facebook-official"></i></a>
<a href="https://github.com/kevinOriginal"><i class="icon-github"></i></a>
</div>
</li>
<li>
<img src="/assets/img/speakers/mhchun.jpg" class="speaker-photo">
<div class="speaker-name">천민호</div>
<div class="speaker-company">ZOYI Corp.</div>
<div class="speaker-sns">
</div>
</li>
</ul>
</div>
</section>
<section id="venue" class="even">
<h2 class="section-header">장소</h2>
<div class="section-content">
<p><i class="icon-location"></i> 서울특별시 강남구 테헤란로 142 캐피탈타워 22층</p>
<div id="map" class="map"></div>
<p>
<i class="icon-warning"></i> 행사장의 주차 공간이 넉넉하지 않고 무료 주차를 지원하지 않으므로 대중교통 이용을 권장합니다.
</p>
</div>
</section>
<section id="sponsor" class="section-sponsor">
<h2 class="section-header">후원</h2>
<div class="section-content align-center">
<a href="https://facebook.com" class="sponsor__facebook"><img src="./assets/img/facebook-official.svg" /></a>
<a href="https://kosslab.kr" class="sponsor__kosslab"><img src="./assets/img/kosslab.svg" /></a>
<a href="http://99nerds.io" class="sponsor__99nerds"><img src="./assets/img/99nerds.svg" /></a>
</div>
</section>
<section id="staff" class="even">
<h2 class="section-header">스태프</h2>
<div class="section-content align-center">
<ul class="staff-list">
<li>김태곤 <span><i class="icon-person"></i><small class="staff-desc">잔소리 담당</small></span></li>
<li>김동우 <span><i class="icon-person"></i><small class="staff-desc">쓸모많은 인간</small></span></li>
<li>김요한 <span><i class="icon-person"></i><small class="staff-desc">바지 사장</small></span></li>
<li>이준혁 <span><i class="icon-person"></i><small class="staff-desc">만년 찍사</small></span></li>
<li>이재경 <span><i class="icon-person"></i><small class="staff-desc">기웃기웃</small></span></li>
<li>유경화 <span><i class="icon-person"></i><small class="staff-desc">슈퍼너드</small></span></li>
<li>한홍근 <span><i class="icon-person"></i><small class="staff-desc">작업남</small></span></li>
<li>최승길 <span><i class="icon-person"></i><small class="staff-desc">길군</small></span></li>
<li>한재엽 <span><i class="icon-person"></i><small class="staff-desc">맡겨둔 커피</small></span></li>
<li>송신예 <span><i class="icon-person"></i><small class="staff-desc">뭐든지 즐겁게!</small></span></li>
<li>서재원 <span><i class="icon-person"></i><small class="staff-desc">몽상가</small></span></li>
<li>노경모 <span><i class="icon-person"></i><small class="staff-desc">글쟁이</small></span></li>
<li>정해균 <span><i class="icon-person"></i><small class="staff-desc">불러주세요</small></span></li>
<li>김지은 <span><i class="icon-person"></i><small class="staff-desc">물음표</small></span></li>
<li>이미령 <span><i class="icon-person"></i><small class="staff-desc">미화원</small></span></li>
</ul>
<p class="staff-help">행사장에서 도움이 필요하면 파란색 React Seoul 옷을 입은 스태프를 찾으세요. :)</p>
</div>
</section>
<footer>
<div class="section-content footer-content">
© 2017 React Seoul
</div>
</footer>
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?clientId=fSd9LKYbIsx9iEs3arM8&submodules=geocoder"></script>
<script src="assets/common.js" async></script>
</body>
</html>