지출관리 서비스 기능 개선 및 고도화 - 2000+개의 고객사가 사용하는 지출관리 기능의 고도화를 위한 지출관리 사일로 소속으로, 고객 인터뷰와 VoC에 기반하여 부서 설정, 영수증 제출 시 필수 작성 정보 설정 등 신규 기능의 기획부터 개발 및 배포까지 전반적인 프로세스에 참여 - 카드 지출내역의 상세 정보를 용도별 필수 옵션으로 지정할 수 있도록 기능을 개선하고, 사용자가 각 지출내역을 한 번에 여러 건 제출할 수 있도록 하여 관리자의 지출내역 관리 편의성과 사용성 증대에 기여 - 고객사가 가장 많이 사용하는 더존 ERP 프로그램 연동이 가능한 엑셀 양식 세부 설정 기능 및 엑셀 양식 파일 다운로드 기능 구현 - 각 부서별 지출내역 관리 및 결재라인 설정을 할 수 있도록 최대 4단계의 트리형 부서 설정 기능을 새로 구현하고 부서 관리자 권한을 신설하여 기존 프로세스 개선 - 지정된 엑셀 양식 다운로드 및 업로드를 통한 여러 명의 사용자 일괄 등록 기능 구현으로 관리자의 초기 기능 세팅 시간을 최대 1일 단축 - 모든 지출관리 서비스 진입구간에 서비스 이용 약관 및 마케팅 정보 수신 동의 기능 추가 - Firebase용 Google Analytics 데이터 수집 이벤트 적용 - 모바일 앱에서도 관리자가 초대한 회원 계정의 활성화가 가능하도록 초대 계정 활성화 프로세스 개선 레거시 코드 리팩토링 - JavaScript 기반 React 프로젝트에 MobX로 전역 상태를 관리하고 Node.js를 서버로 하는 별도 애플리케이션으로 있던 지출관리 서비스 레거시 코드를 고위드 웹페이지 프로젝트로 이식하면서 서버를 SpringBoot로 구성할 수 있도록 서버 엔지니어와 협업하고 TypeScript 기반의 React로 전환하였으며 Redux Toolkit으로 전역 상태를 관리하도록 리팩토링팩토링 - JavaScript 기반으로 구현된 창업진흥원 사업비 카드 발급 신청 서비스 페이지 전체를 TypeScript로 리팩토링 새로운 디자인 시스템 개발 및 유지보수 - v2.0 디자인 시스템의 테크 스펙 문서화 및 필요 컴포넌트 중 60%이상을 담당하여 구현 - v2.0 디자인 시스템에서 UI/UX가 개선된 v2.1 디자인 시스템 개발 - v2.0 디자인 시스템에서 디자이너와 협의하여 일부 컴포넌트의 UI/UX를 개선하고 DatePicker와 MonthPicker 등 새로운 컴포넌트 추가 구현 - SVG 파일을 리액트 컴포넌트로 만들어서 자동으로 프로젝트 내에 추가되도록 SVGR Cli로 자동화 스크립트 적용 홈페이지 리뉴얼 및 유지보수 - 새로운 홈페이지 UI/UX 디자인에 맞추어 v2.0의 새로운 디자인 시스템 컴포넌트를 적용하여 고위드 홈페이지 전체 리뉴얼 - 메인 캠페인 페이지 구현 - 전체 카드 발급 프로세스 페이지의 사후 QA 검수 결과에 대한 UI 및 기능 오류 수정 대응 - Firebase용 Google Analytics 데이터 수집 이벤트 적용 고위드 어드민 사이트 신규 기능 구현 및 유지보수 - 전체 고객사 중 고위드 대출 상품을 이용중인 고객사의 정보를 확인하고 관리할 수 있는 신규 기능 구현 사내 사이드 프로젝트 <G-허들링> 페이지 기획팀(총 4인) 팀장으로 참여 - G-허들링 웹사이트 프로젝트 개발환경 세팅 및 배포 - 마케팅팀, 운영팀과 긴밀하게 협력하여 G-허들링의 핵심가치를 잘 전달할 수 있는 메시지를 기반으로 페이지 기획 - 접속 기기 환경을 고려하여 PC와 모바일 적응형으로 제작

更多

자사 서비스 어몽아츠(amongArts) 웹사이트 신규 기능 개발 및 배포 - Figma로 작가 회원의 작품 등록 기능 및 갤러리 상세 정보 조회 페이지 UI 기획 - 작가 회원이 작품 이미지를 Drag n Drop으로 업로드하고 작품 상세 정보를 입력하는 기능 구현 - 작품 상세 정보 입력 폼에 Formik과 Yup을 활용하여 상태 관리 및 유효성 검사 적용 - 갤러리 상세 정보 조회 페이지 기능 구현 - media query를 활용한 반응형 페이지 구현 기존 레거시 코드 리팩토링 - 리액트 프로젝트 애플리케이션의 전체 디렉토리 구조 개선 - 동일한 구조의 중복되는 로컬 컴포넌트 대신 공통 컴포넌트를 구현하여 사용하도록 개선 - 유지보수가 중단된 라이브러리인 Tabler-react를 제거하고 Styled-Components를 도입하여 적용

更多

자사 서비스 시코랩(Secolab) 웹사이트 학생 회원의 역량평가 기능 구현 - 요구사항 명세서를 기반으로 카카오오븐을 사용하여 UI 기획 및 기능 동작 명세 정의 - 4가지 문제유형(사지선다/OX선택/복수선택/단답형) 별 정답 입력 기능 구현 - 전체 평가 문제에 대한 정답 입력 현황판 구현 - 시간 제한 타이머 기능 구현 - Recharts.js를 활용한 역량평가 결과 데이터 시각화 서비스 QA 및 콘텐츠 개발 - 자사 서비스 웹사이트 프로젝트를 JSP에서 Thymeleaf로 리팩토링 및 BootStrap을 이용한 UI 개선 작업 - KISA에서 발간한 Java 시큐어코딩 가이드에 의거하여 CSRF, XSS, SQL Injection 등 5가지 공격 유형에 대한 시큐어코딩 구현 학습용 미니 프로젝트를 SpringBoot(maven)와 BootStrap을 사용하여 개발 - 기존 시큐어코딩 학습용 퀴즈 문제와 정답을 전수 교차 검수하여 오류를 바로잡고, 각 유형 별 추가되어야 하는 퀴즈 문제 출제 멀티캠퍼스 [K-Digital Training] 빅데이터 지능형 서비스 개발 2개 과정 퍼실리테이터 역할 수행 - 과정 당 약 50명의 수강생을 상대로 실습 준비 및 실습 중 발생하는 오류 사항 해결법에 관한 질의 응대

更多