Avatar

Changhyeon (Kevin) Yoon

Software Engineer

Resume
thumbnail

그랜터 - Granter

TypeScriptNextjsTailwindcssDartFlutterFramerReact-Query

그랜터 - 스타트업을 위한 AI 지출분석 서비스

  • 도메인 특성상 보안이 중요하여 종단간 암호화 통신을 위해 crypto-js를 적용했습니다.

  • 수많은 데이터를 가공하고 빠르게 보여주기 위해 React-Query In-Memory Cache를 활용하여 로딩시간을 1s 미만으로 단축시켰습니다.

  • DataDog RUM 도입을 제안하여 유저를 모니터링하고 UX를 개선하는데 반영하였습니다.

  • 금융도메인 특성상 다양한 Edge Case를 고려하여 개발하기 위해 노력했습니다.

  • 기존 유저들이 엑셀로 작업하던 것이 익숙해져 있어 엑셀처럼 ~~해주세요 라는 요구가 많았습니다.

    • AG Grid를 도입하여 웹에서도 데이터를 엑셀처럼 키보드만을 이용하여 편하게 조작할 수 있도록 개선하였습니다.

    • 사용자 별로 커스텀하여 엑셀 데이터를 추출하거나 그래프를 생성할 수 있도록 제작하였습니다.

  • React Native를 사용하여 기존 웹을 WebView로 보여주는 방식으로 앱을 제작했으나 Native스럽지 않고 자잘한 문제가 많았습니다.

    • 기존 React Native로 만들어진 앱을 Flutter로 마이그레이션 하여 WebView로 사용하던 부분을 모두 Native로 개발하고 UI/UX 및 성능을 대폭 상승시켰습니다.

  • 자체 어드민을 구축하여 고객들의 데이터 및 사용현황을 쉽게 모니터링 할 수 있도록 구축하였습니다.

    • 모노레포를 사용하여 기존 디자인시스템을 그대로 사용할 수 있도록 하여 어드민 구축 오버헤드를 절감시켰습니다.

    • 앱 버전 관리 및 강제 업데이트를 관리할 수 있도록 구축하였습니다.

Live Preview

Copyright © Yooniverse - Changhyeon (Kevin) Yoon
All Rights Reserved.