비즈엠
2021 ~ 2023
Summary
카카오톡 알림톡, 친구톡 공식 딜러 서비스 `비즈엠` 리뉴얼 작업 진행
Django기반에서 Vue(Nuxt.js)기반으로 FE 리뉴얼
알림톡 템플릿 등록부터 발송까지 모든단계를 step화 하여 사용성 개선
사용자의 액션에 따라 실제 카카오톡 처럼 미리보기 기능을 제공하여 서비스 경쟁력 강화
Task keyword
리뉴얼, 알림톡, 친구톡, 템플릿대시보드, 결제
Tech
Vue(Nuxt.js), Vuetify, SASS, Jenkins, Babel, ESLint
스MART
2019
Summary
마트 상품 최저가 검색 비교 솔루션
카테고리, 필터별 상품 상세 검색 및 장바구니 기능 구현
스마트택배 앱 내 웹앱으로 기능 추가(현재 미운영)
Vuetify 기반 모바일 디자인 가이드 작성 사내 디자인 시스템 재정립으로 생산성 증대
Task keyword
쇼핑몰, 최저가 검색, 반응형, 웹앱, 디자인 가이드
Tech
Vue, Nuxt.js, Vuetify, SASS, Jenkins, Babel, ESLint
스윗트래커 공식 페이지
2018
Summary
사내 서비스 통합 안내 페이지 제작
fullPage.js 도입으로 심플하고 가독성있는 페이지 디자인
사내 서비스 이용약관 및 개인정보 처리방침 통합 페이지 제작으로 갱신때마다 생기는 공수 줄임
기존 간편 배송 조회 기능이 크롤링에 취약하여 결과 페이지를 이미지로 출력 보안 강화
Task keyword
통합 페이지, 반응형, 크롤링방어
Tech
Vue, Nuxt.js, Vuetify, SASS, Jenkins
11번가 배송조회 추적 관리
2017
Summary
대형 고객들의 니즈를 충족하기 위해 대시보드 위주의 관리 페이지 제작
생산성 증대를 위해 Nuxt.js 도입
다른 고객의 니즈가 있을때마다 커스터마이징이 가능하도록 모듈화 설계
사내 백오피스 방향 제시 및 제작으로 운영팀 업무 과다 해소
Task keyword
백오피스, 대시보드, 데이터 시각화, 모듈화
Tech
Vue, Nuxt.js, Vuetify, SASS, Jenkins
스마트택배 API
2016 ~ 2017
Summary
스윗트래커 첫 FE 개발자로 입사하여 단독으로 진행한 프로젝트
후불 및 수기 계약으로 제공했던 사내 배송조회 API 서비스를 웹으로 자동화(APIKEY 발급) 현재 연 매출 약 7억
선불 및 자동결제 시스템 도입(PG사 연동)
AngularJs 기반 개발에서 Vue기반으로 리뉴얼 진행중 (현재 랜딩페이지만 완료)
Task keyword
UI기획, APIKEY관리, 서비스 자동화, 자동결제, 리뉴얼
Tech
Vue, AngularJs, Bootstrap, Jenkins
악성파일 탐지 시스템
2015 ~ 2016
Summary
트래픽 내 파일 및 메일 첨부파일의 악성여부를 필터링하고 모니터링 하는 대시보드 솔루션 개발
대형 전광판부터 개인 PC 및 모바일까지 소화하는 반응형 개발을 위해 Bootstarp 커스터마이징
웹 소켓을 이용하여 실시간 데이터 분석 현황판 구현
기획 참여, FE 단독 개발 및 유지보수, 국가 정보기관 납품
Task keyword
데이터 시각화, 반응형, 실시간 데이터
Tech
AngularJs, Bootstrap
LogK
2014
Summary
첫 단독 FE 프로젝트로 개발 효율성을 위해 AngularJs 제안 후 도입
일관성 있고 효율적인 디자인을 위해 Material 기반의 디자인 가이드 작성, 사내 FE팀(디자이너포함) 교육 진행
대용량 Log파일을 분석, 검색 하기 위해 ELK(현 Elastic)도입 Kibana 대시보드 커스터마이징 개발 담당
Task keyword
Kibana 커스터마이징, 대용량 Log 시각화, 디자인시스템 개선
Tech
ELK(현 Elastic), AngularJs
ADCsmart
2012 ~ 2014
Summary
Jquery, FreeMarker를 기반으로 다기종 L4, L7을 통합 관리, 모니터링하는 솔루션을 개발
신규 개발 참여부터 2차례의 리뉴얼을 주도적으로 진행하면서 다소 딱딱한 L4, L7 스위치의 UI/UX를 트렌디하고 편리한 UI/UX로 제공
모니터링 모듈들을 한 페이지에 카드 형식으로 배치하고 저장하여 사용할 수 있는 커스터마이징 대시보드를 서드파티 없이 단독 개발 세일링 포인트에 적극 활용
수출형 모델을 위해 다국어 모듈 및 빌드 작업.
Task keyword
리뉴얼, 커스터마이징 대시보드 개발, amChart 리팩토링, 국가별 다국어 빌드, 데이터 시각화
Tech
Jquery, FreeMarker