제플 다듬기

Author: yurim

src/pages/resume-content/zepl.mdx

@@ -0,0 +1,24 @@
+- 실시간 협업 및 데이터 시각화 기능이 포함된 데이터 사이언티스트용 React 웹 애플리케이션 개발
+- 디자이너와 함께 정립한 디자인 가이드라인으로 프런트엔드 UI 컴포넌트 설계 및 구축. UI 컴포넌트 문서화를 위한 Storybook 제작
+
+<img src="https://milooy.wordpress.com/wp-content/uploads/2019/12/dec-22-2019-18-24-21.gif" />
+Overall app behavior
+
+<img src="https://milooy.wordpress.com/wp-content/uploads/2019/12/carousel-1.gif" />
+Carousel, Dropdown with Skeleton loading indicator
+<img src="https://milooy.wordpress.com/wp-content/uploads/2019/12/modal.gif" />
+Modal with searchable dropdown components
+
+<img src="https://milooy.wordpress.com/wp-content/uploads/2019/12/table.gif" />
+Filterable/Sortable/Searchable Table with Pin feature
+
+<img src="https://milooy.wordpress.com/wp-content/uploads/2019/12/datasource.gif" />
+Item box and Overlay with micro interactions
+
+<img src="https://milooy.wordpress.com/wp-content/uploads/2019/12/datasource.gif" />
+Collapsible with Real-time Graphs and Table
+
+<img src="https://milooy.wordpress.com/wp-content/uploads/2019/12/outline.gif" />
+Outline sidebar with search feature
+<img src="https://milooy.wordpress.com/wp-content/uploads/2020/02/feb-10-2020-16-40-06.gif" />
+Code snippets

src/pages/resume.mdx

@@ -28,6 +28,7 @@ import 도메인리드Content from "./resume-content/도메인리드.mdx"
 import FLeadContent from "./resume-content/flead.mdx"
 import 퍼블릭스피킹Content from "./resume-content/퍼블릭스피킹.mdx"
 import 장애감소Content from "./resume-content/장애감소.mdx"
+import ZeplContent from "./resume-content/zepl.mdx"
 
 > Product oriented front-end engineer
 
@@ -140,20 +141,21 @@ import 장애감소Content from "./resume-content/장애감소.mdx"
 <Collapsible title="[문제 해결] 장애의 근본적인 차단과 CS감소를 위한 액션">
   <장애감소Content />
 </Collapsible>
-<Collapsible title="[서비스 개발] 토스비즈니스"></Collapsible>
-<Collapsible title="[서비스 개발] 토스모바일"></Collapsible>
-<Collapsible title="[서비스 개발] 토스보험"></Collapsible>
+<Collapsible title="[서비스 개발] 토스비즈니스">
+  https://business.toss.im/
+</Collapsible>
+<Collapsible title="[서비스 개발] 토스모바일">
+  https://tossmobile.co.kr/
+</Collapsible>
+<Collapsible title="[서비스 개발] 토스보험">
+  https://blog.toss.im/article/toss-insurance-partner
+</Collapsible>
 
 <SubHeading>Zepl</SubHeading>
-<Collapsible title="[서비스 개발] 데이터 사이언티스트 대상 React 웹 애플리케이션">
-  - 실시간 협업 및 데이터 시각화 기능이 포함된 데이터 사이언티스트용 React 웹
-  애플리케이션 개발
-</Collapsible>
-<Collapsible title="오픈소스 컨트리뷰션: Apache Zeppelin">커미터</Collapsible>
-<Collapsible title="Zepl 웹 애플리케이션 전체 리뉴얼 리드">
-  디자이너와 함께 정립한 디자인 가이드라인으로 - 프런트엔드 UI 컴포넌트 설계 및
-  구축. UI 컴포넌트 문서화를 위한 Storybook 제작
+<Collapsible title="[서비스 개발] 데이터 사이언티스트 대상 React 웹 애플리케이션 전체 리뉴얼 및 유지보수">
+  <ZeplContent />
 </Collapsible>
+<Collapsible title="오픈소스 컨트리뷰션: Apache Zeppelin"></Collapsible>
 <Collapsible title="사용자 데이터 분석 시스템 및 자동화 테스트 시스템 구축">
   - 데이터 기반 UI, UX 설계를 위한 사용자 데이터 분석 시스템 구축 - Google
   Analytics, Pendo - 테스트 자동화를 위한 단위 테스트, E2E 테스트 케이스 작성,
@@ -220,8 +222,6 @@ import 장애감소Content from "./resume-content/장애감소.mdx"
   </Gallary>
 </Collapsible>
 
-- 개발 작업물 모음: https://milooy.wordpress.com/2019/12/22/works/
-
 ## Education
 
 NHN NEXT (1기) - 컴퓨터 공학 2013.03 - 2016.02