그랜터 - Granter
그랜터 - 스타트업을 위한 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 및 성능을 대폭 상승시켰습니다.
자체 어드민을 구축하여 고객들의 데이터 및 사용현황을 쉽게 모니터링 할 수 있도록 구축하였습니다.
모노레포를 사용하여 기존 디자인시스템을 그대로 사용할 수 있도록 하여 어드민 구축 오버헤드를 절감시켰습니다.
앱 버전 관리 및 강제 업데이트를 관리할 수 있도록 구축하였습니다.