-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
445 lines (437 loc) · 21.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="./style.css"/>
<title>IM JunHyeok's resume</title>
</head>
<body>
<div class="container__main">
<div class="container__float">
<!-- 프로필 사진 -->
<div class="container__float_item container__profile_photo wow fadeInLeft" data-wow-delay=".25s">
<!-- 반명함판 크기 -->
<img src="https://raw.githubusercontent.com/junhyeok-im/resume/master/img/id_photo.jpg" alt="프로필 사진">
</div>
<!-- Contact 정보 -->
<div class="container__float_item container__profile_info wow fadeInRight" data-wow-delay=".25s">
<h1 class="title">임 준 혁</h1>
<div class="container__float">
<div class="container__float_item"><i class="fa fa-envelope" aria-hidden="true"></i></div>
<div class="container__float_item"><a href="mailto:[email protected]" target="_blank">[email protected]</a></div>
</div>
<div class="container__float">
<div class="container__float_item"><i class="fa fa-phone" aria-hidden="true"></i></div>
<div class="container__float_item">Please contact me by email.</div>
</div>
<div class="container__float">
<div class="container__float_item"><i class="fab fa-github"></i></div>
<div class="container__float_item"><a href="https://github.com/jhlym" target="_blank">https://github.com/jhlym</a></div>
</div>
<div class="container__float">
<div class="container__float_item"><i class="fas fa-blog"></i></div>
<div class="container__float_item"><a href="https://jhlym.github.io" target="_blank">https://jhlym.github.io</a></div>
</div>
</div>
</div>
<!-- 프로필 소개 -->
<div class="container__section">
<h1 class="title wow bounceInDown">INTRODUCE</h1>
<p class="wow bounceInUp">
대학생 시절 안드로이드, 웹 개발을 하며 클라이언트단 개발에 관심을 가지게 되었습니다. 웹 개발은 C나 C++을 이용해서 프로그램을 개발하는 것에 비해 러능 커브가 작고 결과물을 빨리 만들 수 있다는 점에서 저에게 매력으로 다가왔습니다.
<br/><br/>
학부생 시절 교내외 공모전에 참가하며 Node.js, Spring, JSP, jQuery, Bootstrap, Git, Linux 등을 사용하여 웹 서비스를 개발한 경험이 있습니다. 또한 지난 1년간(2018.04 ~ 2019.05) <a href="https://www.qoo10.com/" target="_blank">Qoo10</a>이라는 오픈마켓에서 근무하며 사내 그룹웨어와 Weblog 기반의 Analytics 사이트 개발에 참여한 이력이 있습니다.
<br/><br/>
웹 개발에 있어 웹 퍼블리싱(HTML, CSS 작업)도 물론 중요한 작업이지만, 최근에는 스크립트 언어(Javascript, python 등등...)가 발전하면서 UX 부분의 중요도가 높아졌습니다. 특히 React.js, Vue.js, Angular.js 등 여러 프론트 라이브러리의 등장으로 프론트 부분도 MVC 형태로 세분화 시키는 작업이 필요해졌습니다. 뿐만 아니라 스크립트 언어는 브라우저나 특정 플랫폼에서 동작 하는 것을 넘어서, 서버 혹은 하나의 응용 프로그램을 만들 수 있게 되었습니다. 따라서, 이런 스크립트 언어를 이용하여 프론트뿐만 아니라 백엔드까지 개발하는 풀스택 개발자가 제 목표입니다.
</p>
</div>
<!-- 경력 -->
<div class="container__section">
<h1 class="title wow fadeIn" data-wow-delay=".25s">EXPERIENCE</h1>
<table class="table__open wow fadeInUp" data-wow-delay=".25s">
<tbody>
<tr>
<th>
<h4 class="gray">2018.04 ~ 2019.05</h4>
<span class="badge badge__info">1년 2개월</span>
</th>
<td>
<h4>큐텐(Qoo10)</h4>
<i class="gray">정규직 / 사내 그룹웨어 및 Qoo10 Analytics 사이트 개발</i>
<ul>
<li>오픈 마켓 / 이커머스</li>
<li>싱가포르, 인도네시아, 중국, 홍콩, 미국 서비스</li>
</ul>
<span class="badge badge__secondary">Spring</span>
<span class="badge badge__secondary">Apache tomcat</span>
<span class="badge badge__secondary">nginx</span>
<span class="badge badge__secondary">MS-SQL</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
<span class="badge badge__secondary">Javascript</span>
<span class="badge badge__secondary">JSP</span>
<span class="badge badge__secondary">React.js</span>
</td>
</tr>
<tr>
<th>
<h4 class="gray">2017.01 ~ 2017.08</h4>
<span class="badge badge__info">8개월</span>
</th>
<td>
<h4>요한기술</h4>
<i class="gray">파트 타임 / 안드로이드 액션 퍼즐 게임 개발</i>
<ul>
<li>대학교 산하 창업 보육센터 입주 스타트 기업(3명, 개발인원 2명)</li>
<li>유아 연령층을 대상으로 한 액션 퍼즐 게임</li>
<li>비즈니스 로직 및 UI 담당</li>
</ul>
<span class="badge badge__secondary">Spring</span>
<span class="badge badge__secondary">Android</span>
<span class="badge badge__secondary">Java</span>
<span class="badge badge__secondary">MySQL</span>
</td>
</tr>
</tbody>
</table>
</div>
<!-- 프로젝트 -->
<div class="container__section">
<h1 class="title wow fadeIn" data-wow-delay=".25s">PROJECTS</h1>
<table class="table__open wow fadeInUp" data-wow-delay=".25s">
<tbody>
<!-- 한컴위드 -->
<tr>
<th><h4 class="gray">2019.09 ~ 2019.12</h4></th>
<td>
<h4>HyperLedger fabric 모니터링 웹 콘솔 개발</h4>
<i class="gray">한컴위드</i>
<ul>
<!-- 프로젝트 -->
<li>SLedgerVUE</li>
<!-- 세부 내용 -->
<ul>
<li>블록/트랜잭션 조회 페이지 개발</li>
<li>도커 컨테이너 상태 대시보드 페이지 개발</li>
<li>컨소시엄(블록체인 네트워크) 구성 페이지 개발</li>
<li>호스트/채널/조직/피어/오더러/MSP/CA 생성 및 수정 페이지 개발</li>
<li>체인코드 업로드/배포/인보크 및 쿼리 페이지 개발</li>
<li>
<span class="badge badge__secondary">HyperLeder Fabric</span>
<span class="badge badge__secondary">Docker</span>
<span class="badge badge__secondary">nginx</span>
<span class="badge badge__secondary">Express.js</span>
<span class="badge badge__secondary">Socket.io</span>
<span class="badge badge__secondary">Routing-controller.js</span>
<span class="badge badge__secondary">Postgresql</span>
<span class="badge badge__secondary">React.js</span>
<span class="badge badge__secondary">Redux</span>
<span class="badge badge__secondary">Devextreme</span>
<span class="badge badge__secondary">Axios</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
<span class="badge badge__secondary">Sass</span>
</li>
</ul>
</ul>
</td>
</tr>
<!-- Qoo10 -->
<tr>
<th><h4 class="gray">2018.04 ~ 2019.05</h4></th>
<td>
<h4>그룹웨어 및 Qoo10 Analytics 사이트 개발</h4>
<i class="gray">Qoo10</i>
<ul>
<!-- 프로젝트 -->
<li>Qoo10 Resource management</li>
<!-- 세부 내용 -->
<ul>
<li>사내 결재 및 자산 관리 시스템</li>
<li>React.js 도입으로 신규 페이지들은 React.js를 이용하여 개발</li>
<li>React.js 사용을 위해 webpack 환경 구축</li>
<li>Qoo10 네트워크 장비 및 직원 PC 사용에 필요한 IP 관리 페이지 개발</li>
<li>Qoo10 네트워크 장비 자산 관리 및 현황 페이지 개발</li>
<li>DNS 요청/관리 페이지 개발</li>
<li>Cloud 서비스 계정 생성 요청/관리 페이지 개발</li>
<li>사내 회의실 예약 페이지 UI 개편 및 <br/>사내 메신저와 연동하여 예약 알림 서비스 개발</li>
<li>시간 외 근무 수당 기안서 페이지 개발</li>
<li>
<span class="badge badge__secondary">Spring</span>
<span class="badge badge__secondary">Tomcat</span>
<span class="badge badge__secondary">nginx</span>
<span class="badge badge__secondary">MS-SQL</span>
<span class="badge badge__secondary">JSP</span>
<span class="badge badge__secondary">React.js</span>
<span class="badge badge__secondary">jQuery</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
</li>
</ul>
<br/>
<!-- 프로젝트 -->
<li>Qoo10 Analytics</li>
<!-- 세부 내용 -->
<ul>
<li>Weblog 기반 Qoo10 Analytics 사이트</li>
<li>모바일 push message 통계 페이지 개발</li>
<li>카테고리에 따른 추천 상품 리스트 페이지 개발</li>
<li>
<span class="badge badge__secondary">Spring</span>
<span class="badge badge__secondary">Tomcat</span>
<span class="badge badge__secondary">nginx</span>
<span class="badge badge__secondary">MS-SQL</span>
<span class="badge badge__secondary">JSP</span>
<span class="badge badge__secondary">jQuery</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
</li>
</ul>
<br/>
<!-- 프로젝트 -->
<li>iQphone</li>
<!-- 세부 내용 -->
<ul>
<li>Qoo10 인터넷 전화 서비스</li>
<li>Q&A 페이지 UI 개편 및 파일 업로드 기능 추가</li>
<li>Q&A 관리 페이지 UI 개편 및 관리자 추가/삭제 기능 추가</li>
<li>
<span class="badge badge__secondary">Spring</span>
<span class="badge badge__secondary">Tomcat</span>
<span class="badge badge__secondary">nginx</span>
<span class="badge badge__secondary">MS-SQL</span>
<span class="badge badge__secondary">JSP</span>
<span class="badge badge__secondary">jQuery</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
</li>
</ul>
</ul>
</td>
</tr>
<!-- 인스턴스 촉지도 -->
<tr>
<th><h4 class="gray">2016.12 ~ 2017.02</h4></th>
<td>
<h4>3D 프린터를 활용한 시각 장애인 휴대용 촉지도</h4>
<i class="gray">인스턴스 촉지도</i>
<ul>
<li>지하철 및 건물 입구에 비치된 철제 촉지도를 소형화 및 원가 절감을 목표로 개발</li>
<li>웹 클라이언트 및 3D 프린터 출력 담당</li>
<li>Node.js를 이용한 웹 서버 구축</li>
<li>naver map api 연동</li>
<li>네이버 지도에서 선택한 위치 png 파일로 변환 및 다운로드 기능 개발</li>
<li>png 파일을 3D 모델링 파일로 변환하는 프로그램 구동 로직 개발</li>
<li><a href="https://github.com/junhyeok-im/Instance_tactualmap">프로젝트 상세 내역 보기</a></li>
<li><a href="https://youtu.be/ttukfMC7cfU">프로젝트 관련 동영상 시청</a></li>
<li>
<span class="badge badge__secondary">Node.js</span>
<span class="badge badge__secondary">Express.js</span>
<span class="badge badge__secondary">Javascript</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
<span class="badge badge__secondary">jQuery</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
<span class="badge badge__secondary">3D 프린트</span>
<span class="badge badge__secondary">라즈베리파이</span>
</li>
</ul>
</td>
</tr>
<!-- Hadoop -->
<tr>
<th><h4 class="gray">2016.08 ~ 2016.11</h4></th>
<td>
<h4>[빅데이터] 하둡 기반의 SNS 크롤링 데이터 분석 시스템</h4>
<i class="gray">빅데이터 기반의 범죄 예측 시스템 Watcher</i>
<ul>
<li>범죄 및 기상 데이터와 SNS 데이터를 활용하여 범죄율 예측, 국가별 범죄 키워드를 한 눈에 요약하여 보여주는 하둡 기반의 범죄 정보 분석 시스템</li>
<li>웹 클라이언트 개발 담당</li>
<li>하둡 환경 구축(우분투 설치 및 네트워크 설정)</li>
<li>범죄 예측률 및 통계 대시 보드 개발</li>
<li>Google map 커스텀(kml 파일 이용)하여 개발</li>
<li>zing chart.js / jqcloud.js 이용하여 수치 데이터 시각화</li>
<li>범죄율 예측 시뮬레이션 페이지 개발</li>
<li>한국, 독일, 미국, 일본, 프랑스, 러시아 각 나라별 일일 범죄 키워드 페이지 개발</li>
<li><a href="https://github.com/junhyeok-im/Watcher">프로젝트 상세 내역 보기</a></li>
<li><a href="https://youtu.be/RDptlpjit3E">프로젝트 관련 동영상 시청</a></li>
<li>
<span class="badge badge__secondary">Hadoop</span>
<span class="badge badge__secondary">HiveQL</span>
<span class="badge badge__secondary">Java</span>
<span class="badge badge__secondary">Spring</span>
<span class="badge badge__secondary">Tomcat</span>
<span class="badge badge__secondary">Javascript</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
<span class="badge badge__secondary">jQuery</span>
<span class="badge badge__secondary">HTML5</span>
<span class="badge badge__secondary">CSS3</span>
<span class="badge badge__secondary">Bootstrap</span>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<!-- 프로그래밍 개발 능력 -->
<div class="container__section">
<h1 class="title wow fadeIn" data-wow-delay=".25s">SKILLS</h1>
<table class="table__open table__skill wow fadeInUp" data-wow-delay=".25s">
<tbody>
<tr>
<th><h4 class="gray">Front-end</h4></th>
<td>
<ul>
<li><span class="badge badge__light">1</span>Webpack</li>
<li><span class="badge badge__secondary">2</span>React.js</li>
<li><span class="badge badge__primary">3</span>HTML5/CSS</li>
<li><span class="badge badge__primary">3</span>Javascript</li>
<li><span class="badge badge__primary">3</span>jQuery</li>
<li><span class="badge badge__primary">3</span>jsp</li>
</ul>
</td>
</tr>
<tr>
<th><h4 class="gray">Back-end</h4></th>
<td>
<ul>
<li><span class="badge badge__light">1</span>SpringMVC</li>
<li><span class="badge badge__light">1</span>SpringBoot</li>
<li><span class="badge badge__light">1</span>MongoDB</li>
<li><span class="badge badge__light">1</span>nginx</li>
<li><span class="badge badge__secondary">2</span>Node.js</li>
<li><span class="badge badge__secondary">2</span>Express.js</li>
<li><span class="badge badge__primary">3</span>MySQL</li>
<li><span class="badge badge__primary">3</span>MS-SQL</li>
<li><span class="badge badge__primary">3</span>Java</li>
</ul>
</td>
</tr>
<tr>
<th><h4 class="gray">OS</h4></th>
<td>
<ul>
<li>Ubuntu</li>
<li>Windows 7/10</li>
<li>Mac high sierra</li>
</ul>
</td>
</tr>
<tr>
<th><h4 class="gray">IDE</h4></th>
<td>
<ul>
<li>Eclipse</li>
<li>Visual Studio</li>
<li>Intellij</li>
<li>WebStorm</li>
<li>Atom</li>
<li>VScode</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<!-- 학력 -->
<div class="container__section">
<h1 class="title wow fadeIn" data-wow-delay=".25s">EDUCATION</h1>
<i class="red">* 블라인드 서류 지원으로 인해 구체적인 학력 사항은 기재하지 않습니다.</i>
<br/>
<br/>
<table class="table__open table__skill wow fadeInUp" data-wow-delay=".25s">
<tbody>
<tr>
<th><h4 class="gray">2011.03 ~ 2018.02</h4></th>
<td>
<h4>수도권 4년제 대학 졸업</h4>
<i class="gray">컴퓨터공학 / 미디어정보공학 복수 전공</i>
</td>
</tr>
<tr>
<th><h4 class="gray">2008.03 ~ 2011.02</h4></th>
<td>
<h4>경기 지역 고등학교 졸업</h4>
<i class="gray">인문계</i>
</td>
</tr>
</tbody>
</table>
</div>
<!-- 수상 및 기타-->
<div class="container__section">
<h1 class="title wow fadeIn" data-wow-delay=".25s">ETC</h1>
<table class="table__open wow fadeInUp" data-wow-delay=".25s">
<tbody>
<tr>
<th>
<h4 class="gray">2017.02</h4>
</th>
<td>
<h4>제 5회 창의메이커스필드 국회의원상 수상</h4>
<i class="gray">3D 프린팅을 활용한 시각 장애인용 인스턴스 촉지도 개발<br/>(개발인원4명, 웹 클라이언트 담당)</i>
</td>
</tr>
<tr>
<th>
<h4 class="gray">2016.12</h4>
</th>
<td>
<h4>2016 한이음 공모전 입선</h4>
<i class="gray">하둡 기반의 범죄 예측 시스템 개발<br/>(개발인원4명, 웹 클라이언트 담당)</i>
</td>
</tr>
<tr>
<th>
<h4 class="gray">2016.05</h4>
</th>
<td>
<h4>제 18회 교내 정보기술 및 응용 학술제 최우수상</h4>
<i class="gray">웹 크롤링 기반 SNS 데이터 마이닝 시스템 개발<br/>(개발인원4명, 웹 클라이언트 담당)</i>
</td>
</tr>
<tr>
<th>
<h4 class="gray">2012.09 ~ 2014.09</h4>
</th>
<td>
<h4>공군 병장 만기 전역</h4>
<i class="gray">공군 교육사령부 특기학교 행정병</i>
</td>
</tr>
</tbody>
</table>
</div>
<!-- footer -->
<div class="container__footer">
<small><i>Copyright 2019. IM JUN HYEOK. all rights reserved.</i></small>
<br/>
<small>Last Modified at 2019.05</small>
</div>
</div>
<!-- jQuery -->
<script
src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="
crossorigin="anonymous"></script>
<!-- wow -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
new WOW({
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // default
mobile: false, // default
live: true // default
}).init();
</script>
</body>
</html>