-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
295 lines (295 loc) · 16.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
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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta name="theme-color" content="#fff">
<title>HANA JUNG</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css">
<link rel="stylesheet" href="/css/index.css">
</head>
<body>
<div id="wrap">
<header>
<h1>안녕하세요</h1>
<ul class="person">
<li>정하나</li>
<li>마크업 개발자</li>
<li>21년차</li>
<li>전문학사</li>
<li>서울 성동구 금호동</li>
<li><a href="https://github.com/hnjung" class="go-link" target="_blank">GitHub</a></li>
<li><a href="https://codepen.io/hnjungElis/" class="go-link" target="_blank">CodePen</a></li>
</ul>
</header>
<div id="content">
<section class="work">
<h3>프리랜서</h3>
<ul class="info">
<li>2021. 1 ~ 현재</li>
<li>파견 근무</li>
<li>PL</li>
<li>업무 시스템 제작</li>
<li>UI/UX 표준 제작</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>JQUERY</li>
<li>반응형</li>
<li>웹접근성</li>
<li>Word Press</li>
<li>GIT</li>
</ul>
<ul class="project">
<li><strong class="title">신한EZ손해보험 GA시스템 구축 및 채널확장 프로젝트</strong><span class="date">2024. 5 ~ 2024. 11 예정</span></li>
<li><strong class="title"><a href="https://hnjung.github.io/prototype/" class="go-link" target="_blank">신한EZ손해보험 차세대 시스템 구축 프로젝트</a></strong><span class="date">2023. 7 ~ 2024. 4</span></li>
<li><strong class="title">신한EZ손해보험 차세대 UI/UX 표준 제작 프로젝트</strong><span class="date">2023. 3 ~ 2023. 6</span></li>
<li><strong class="title">삼성화재 영업 시스템 개선 프로젝트</strong><span class="date">2022. 1 ~ 2023. 1</span></li>
<li><strong class="title">삼성화재 대고객 사이트 운영</strong><span class="date">2021. 11 ~ 12</span></li>
<li><strong class="title">삼성화재 배치 통합 운영체계 개선 프로젝트</strong><span class="date">2021. 4 ~ 10</span></li>
<li><strong class="title">삼성화재 UX 표준 고도화 프로젝트</strong><span class="date">2021. 1 ~ 3</span></li>
</ul>
</section>
<section class="work">
<h3>아이피그룹</h3>
<ul class="info">
<li>2014. 10 ~ 2020. 12</li>
<li>퍼블리싱팀 소속</li>
<li>PL</li>
<li>EC 운영</li>
<li>프로모션 및 웹사이트 제작</li>
<li>제안 시안 제작</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>JQUERY</li>
<li>반응형</li>
<li>SVN</li>
</ul>
<ul class="project">
<li><strong class="title">삼성닷컴 총괄 컴포넌트 개선 및 오픈 컨텐츠 제작</strong><span class="date">2020. 9 ~ 12</span></li>
<li><strong class="title">롯데면세점(다국어) EC 프로모션 제작 및 개선</strong><span class="date">2020. 1 ~ 9</span></li>
<li><strong class="title"><a href="./project/ipgroup/index.html" class="go-link" target="_blank">아이피그룹 웹사이트 리뉴얼</a></strong><span class="date">2019. 10 ~ 2020. 1</span></li>
<li><strong class="title">롯데칠성몰 EC 운영</strong><span class="date">2018 .11 ~ 2019 .10</span></li>
<li><strong class="title">KT Direct 100 통신 상담 웹사이트 제작</strong><span class="date">2018. 8 ~ 10</span></li>
<li><strong class="title">엘롯데 오픈 이벤트 제작</strong><span class="date">2018. 9</span></li>
<li><strong class="title">롯데칠성몰 아이디어 공모전 프로모션 제작</strong><span class="date">2018. 8</span></li>
<li><strong class="title">롯데푸드 파스퇴르몰 아이생각 웹사이트 오픈 결함 수정</strong><span class="date">2018. 7</span></li>
<li><strong class="title">롯데면세점(다국어) EC 운영</strong><span class="date">2014. 10 ~ 2018. 6</span></li>
</ul>
</section>
<section class="work">
<h3>프리랜서</h3>
<ul class="info">
<li>2014. 7 ~ 9</li>
<li>파견 및 재택 근무</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>JQUERY</li>
</ul>
<ul class="project">
<li><strong class="title">대한크라브마가(KKM) 협회 웹사이트 제작</strong><span class="date">2014. 9</span></li>
<li><strong class="title">리얼팁 스포츠 팁스터 정보 웹사이트 리뉴얼</strong><span class="date">2014. 9</span></li>
<li><strong class="title">SK 리더십센터 임원역량진단 리포트 제작</strong><span class="date">2014. 7 ~ 8</span></li>
</ul>
</section>
<section class="work">
<h3>자영업</h3>
<ul class="info">
<li>2011. 1 ~ 2014. 6</li>
<li>후이즈몰, 메이크샵 쇼핑몰 솔루션 사용</li>
<li>의류 EC 제작 및 리뉴얼</li>
<li>상품 상세 페이지 제작</li>
<li>컨텐츠 등록 및 제휴처 관리</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>JQUERY</li>
</ul>
</section>
<section class="work">
<h3>프리랜서</h3>
<ul class="info">
<li>2011. 1 ~ 2012. 10</li>
<li>재택 근무</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>JQUERY</li>
<li>도메인 및 호스팅 세팅</li>
<li>+디자인</li>
<li>+개발(ASP, MS-SQL)</li>
</ul>
<ul class="project">
<li><strong class="title">구글 코리아 캠페인 안내 DM</strong><span class="date">2012. 7 ~ 10</span></li>
<li><strong class="title">에스이콜와이지 패션 브랜드 웹사이트 제작 및 유지보수</strong><span class="date">2012. 3 ~ 7</span></li>
<li><strong class="title">진흥 비쥬아르 웹사이트 제작</strong><span class="date">2012. 4 ~ 5</span></li>
<li><strong class="title">피티온 퍼스널 트레이닝 웹사이트 제작 및 유지보수</strong><span class="date">2011. 1 ~ 2012. 2</span></li>
<li><strong class="title">나이키 프로모션 페이지 제작</strong><span class="date">2011. 11</span></li>
<li><strong class="title">태광그룹 Tcast 미디어 컨텐츠 웹사이트 제작</strong><span class="date">2011. 9 ~ 10</span></li>
<li><strong class="title">정상JLS 어학원 CHESS Plus 메인 웹페이지 제작</strong><span class="date">2011. 8</span></li>
<li><strong class="title">KT NFC HUB 관리자 웹사이트 제작</strong><span class="date">2011. 6 ~ 8</span></li>
<li><strong class="title">서울관광마케팅 이노스텔 숙박 예약 웹사이트 제작</strong><span class="date">2011. 2 ~ 5</span></li>
<li><strong class="title">인텔리웍스 번역 서비스 기업 웹사이트 제작 및 유지보수</strong><span class="date">2011. 2 ~ 7</span></li>
<li><strong class="title">국토해양부 우측보행 캠페인 웹사이트 제작</strong><span class="date">2011. 1</span></li>
<li><strong class="title">생활성서 가톨릭 인터넷 웹매거진 1회차 제작</strong><span class="date">2011. 1</span></li>
<li><strong class="title">라비또 브랜드 블로그 커스터마이징</strong><span class="date">2011. 1</span></li>
</ul>
</section>
<section class="work">
<h3>애드플러스커뮤니케이션</h3>
<ul class="info">
<li>2009. 6 ~ 2011. 1</li>
<li>디자인팀 소속</li>
<li>브랜드 및 기업 웹사이트 제작 및 유지보수</li>
<li>제안 시안 제작</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>JQUERY</li>
</ul>
<ul class="project">
<li><strong class="title">삼성지구환경연구소(다국어, 임직원 커뮤니티) 웹사이트 제작 및 유지보수</strong><span class="date">2009. 12 ~ 2011. 1</span></li>
<li><strong class="title">현대해운 웹사이트 유지보수</strong><span class="date">2009. 6 ~ 2011. 1</span></li>
<li><strong class="title">금복주, 참소주, 스타일 웹사이트 제작</strong><span class="date">2010. 8 ~ 12</span></li>
<li><strong class="title">정상JLS 어학원 쇼핑몰 제작</strong><span class="date">2010. 2 ~ 12</span></li>
<li><strong class="title">우리아이희망네트워크 커뮤니티 웹사이트 제작 및 유지보수</strong><span class="date">2009. 9 ~ 2010. 12</span></li>
<li><strong class="title">삼성코닝정밀소재 웹사이트 리뉴얼 및 유지보수, 웹 매거진 더뷰 제작</strong><span class="date">2009. 8 ~ 2010. 12</span></li>
<li><strong class="title">삼성카드 웹매거진 크레월드, 푸르진 제작</strong><span class="date">2009. 7 ~ 2010. 12</span></li>
<li><strong class="title">CJ나눔재단 도너스캠프 프로모션 제작</strong><span class="date">2010. 10</span></li>
<li><strong class="title">네오위즈인터넷 웹사이트 리뉴얼</strong><span class="date">2010. 8 ~ 2010. 10</span></li>
<li><strong class="title">국립중앙도서관 국제도서관연맹 보존복원분과(IFLA PAC) 웹사이트 제작</strong><span class="date">2010. 7 ~ 10</span></li>
<li><strong class="title">한국환경산업기술원 녹색성장체험관 웹사이트 제작</strong><span class="date">2010. 5 ~ 10</span></li>
<li><strong class="title">삼성코닝정밀소재 채용 웹사이트 제작</strong><span class="date">2010. 8 ~ 9</span></li>
<li><strong class="title">RED 스튜디오 웹사이트 구축</strong><span class="date">2010. 5 ~ 6</span></li>
<li><strong class="title">동숭아트센터 꼭두박물관, 동숭아트홀 웹사이트 제작 및 유지보수</strong><span class="date">2009. 6 ~ 2010. 4</span></li>
<li><strong class="title">현대종합상사 웹사이트 유지보수</strong><span class="date">2009. 6 ~ 2010. 4</span></li>
<li><strong class="title">SFA 웹사이트 제작</strong><span class="date">2009. 11 ~ 2010. 2</span></li>
<li><strong class="title">천재교육 웹사이트 유지보수</strong><span class="date">2009. 7 ~ 10</span></li>
</ul>
</section>
<section class="work">
<h3>프리랜서</h3>
<ul class="info">
<li>2008. 9 ~ 2009. 6</li>
<li>재택 근무</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
</ul>
<ul class="project">
<li><strong class="title">아비투스 공부습관 형성 웹사이트 리뉴얼</strong><span class="date">2009. 3 ~ 6</span></li>
<li><strong class="title">곽미나 디자인 포트폴리오 웹사이트 제작</strong><span class="date">2009. 2 ~ 6</span></li>
<li><strong class="title">씨네21 즐감닷컴 웹사이트 제작</strong><span class="date">2009. 2 ~ 3</span></li>
<li><strong class="title">한국무역협회 한민족 경제 네트워크 웹사이트 리뉴얼</strong><span class="date">2009. 2</span></li>
<li><strong class="title">GS E-Shop 스토킹 웹사이트 리뉴얼</strong><span class="date">2008. 12 ~ 2009. 1</span></li>
<li><strong class="title">SK 텔링크 1599 전국 대표 번호 웹사이트 제작</strong><span class="date">2008. 12</span></li>
<li><strong class="title">리딩타운 온라인 어학원 웹사이트 리뉴얼</strong><span class="date">2008. 11 ~ 12</span></li>
<li><strong class="title">넥슨 메이플스토리 영문 웹사이트 리뉴얼</strong><span class="date">2008. 10</span></li>
<li><strong class="title">맥도날드 웹사이트 리뉴얼</strong><span class="date">2008. 9</span></li>
</ul>
</section>
<section class="work">
<h3>아이소바코리아</h3>
<ul class="info">
<li>2005. 11 ~ 2008. 9</li>
<li>IT팀 소속</li>
<li>PA</li>
<li>웹사이트, 내부 시스템 제작 및 유지보수</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>+개발(ASP, JSP, MS-SQL, ORACLE)</li>
</ul>
<ul class="project">
<li><strong class="title">갈더마코리아 레스틸렌, 세타필, 로세릴 웹사이트, 사내 인트라넷 리뉴얼 및 유지보수</strong><span class="date">2005. 11 ~ 2008. 9</span></li>
<li><strong class="title">서울시청 그랜드 세일 웹사이트(다국어) 제작 및 유지보수</strong><span class="date">2008. 5 ~ 9</span></li>
<li><strong class="title">P&G코리아, 헤드앤숄더 웹사이트 유지보수</strong><span class="date">2007. 8 ~ 2008. 7</span></li>
<li><strong class="title">존슨앤존슨 클린앤클리어 웹사이트 리뉴얼 및 유지보수</strong><span class="date">2007. 9 ~ 2008. 3</span></li>
<li><strong class="title">BMW코리아 DSS 시스템 제작</strong><span class="date">2006. 12 ~ 2007. 8</span></li>
<li><strong class="title">BMW코리아 사내 인트라넷 시스템 제작 및 유지보수</strong><span class="date">2006. 7 ~ 2007. 7</span></li>
<li><strong class="title">BMW코리아 BMW, MINI, Motorrad 웹사이트 유지보수</strong><span class="date">2005. 11 ~ 2007. 7</span></li>
<li><strong class="title">쏠리테크 웹사이트 제작(해외 사이트 로컬라이징 작업)</strong><span class="date">2006. 10 ~ 12</span></li>
<li><strong class="title">돌비코리아 웹사이트 리뉴얼</strong><span class="date">2006. 9 ~ 11</span></li>
<li><strong class="title">삼성네트워크 삼성AV 사내 인트라넷 제작</strong><span class="date">2006. 7 ~ 9</span></li>
<li><strong class="title">존슨앤존슨 아큐브 웹사이트 리뉴얼</strong><span class="date">2006. 6 ~ 7</span></li>
<li><strong class="title">P&G코리아 페브리즈 프로모션 제작</strong><span class="date">2006. 6</span></li>
<li><strong class="title">노스웨스트항공 웹사이트 유지보수(홍콩 지사 근무)</strong><span class="date">2006. 4 ~ 6</span></li>
<li><strong class="title">로레알코리아 비오템 웹사이트 유지보수</strong><span class="date">2005. 11 ~ 2006. 4</span></li>
</ul>
</section>
<section class="work">
<h3>프리랜서</h3>
<ul class="info">
<li>2004. 11 ~ 2005. 6</li>
<li>파견 및 재택 근무</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>도메인 및 호스팅 세팅</li>
<li>제로보드</li>
<li>+디자인</li>
</ul>
<ul class="project">
<li><strong class="title">IDH메디칼 SleepMate 브랜드 웹사이트 제작 및 유지보수</strong><span class="date">2005. 4 ~ 6</span></li>
<li><strong class="title">IDH메디칼 TravelJohn 브랜드 웹사이트 제작 및 유지보수</strong><span class="date">2005. 2 ~ 6</span></li>
<li><strong class="title">IDH메디칼 BYEWET 브랜드 웹사이트 제작 및 유지보수</strong><span class="date">2004. 12 ~ 2005. 5</span></li>
<li><strong class="title">이트랜스펌 번역 서비스 기업 웹사이트 제작</strong><span class="date">2004. 12</span></li>
<li><strong class="title">ING생명 웹사이트 리뉴얼</strong><span class="date">2004. 11</span></li>
</ul>
</section>
<section class="work">
<h3>메스메드시스템</h3>
<ul class="info">
<li>2000. 11 ~ 2003. 2</li>
<li>기획실 소속</li>
<li>일반 사무 업무 및 자사 웹사이트 관리</li>
<li>매뉴얼, 카다로그, 제품 UI 디자인</li>
</ul>
<ul class="info">
<li>HTML</li>
<li>CSS</li>
<li>제로보드</li>
<li>+디자인</li>
</ul>
<ul class="project">
<li><strong class="title">메스메드시스템 웹사이트 제작 및 유지보수</strong><span class="date">2000. 11 ~ 2003. 2</span></li>
</ul>
</section>
<section class="etc">
<h5>기타</h5>
<ul class="history">
<li><a href="./index-ver2014.html" class="go-link" target="_blank">2014년 버전 포트폴리오</a></li>
<li><a href="./index-ver2010.html" class="go-link" target="_blank">2010년 버전 포트폴리오</a></li>
</ul>
</section>
</div>
<footer>
<p class="copyright">
Copyright © 2004 ~ 2024 By Hana Jung. All Rights Reserved.
</p>
</footer>
</div>
</body>
</html>