1. 개요
FINGOO는 투자 학습과 투자 분석 AI를 하나의 앱에서 제공하는 서비스입니다.
서울시립대학교에 재학 중, 제 GitHub 활동을 눈여겨보신 팀의 마케터님으로부터 합류 제안을 받아 프로젝트에 참여하게 되었습니다.
평소 투자 분야에 관심이 많았던 만큼 흥미로운 주제였고, 실제 서비스되는 프로덕트를 통해 개발 역량을 키울 수 있는 기회라고 생각하여 합류를 결정했습니다.
2026년 5월부터 프론트엔드 개발로 합류하였으며, 현재는 버전 3가 서비스되고 있고, 내년 초 출시를 목표로 버전 4를 개발하고 있습니다.
2. 시스템 구성
저는 팀에서 프론트엔드 개발을 담당하고 있으며, React Native와 Expo를 기반으로 앱을 개발하고 있습니다. 최근 Expo는 React Native 공식 문서에서도 추천할 만큼 개발 경험이 크게 개선되어, 안정적인 선택이라고 생각했습니다.
스타일링에는 Tailwind CSS와 유사한 문법을 제공하는 Nativewind를 도입하여, 팀원들과 협업할 때 디자인 통일성을 높였습니다.
클라이언트 상태 관리는 기존에 사용하던 Recoil이 지원 종료됨에 따라, 널리 사용되고 있는 Zustand로 대체하여 사용하기로 결정하였습니다. 서버 상태 관리는 Tanstack Query를 도입하여 캐싱과 동기화를 효율적으로 처리하였고, Jest를 통해 테스트 환경을 구축하였습니다.
FINGOO는 아래와 같은 화면들로 구성되어 있습니다.
| 화면명 | 역할 |
|---|---|
| 홈 화면 | 추천 질문과 함께 대화형 AI에게 투자 분석을 요청 |
| 학습 화면 | 카드 형태의 콘텐츠로 투자 기초 개념을 단계별 학습 |
| 시황 분석 화면 | 종목 관련 질문에 실시간 데이터와 차트로 답변 제공 |
| 랭킹 화면 | 출석체크와 퀴즈로 XP를 쌓고 다른 사용자와 순위 경쟁 |
3. 프로젝트 회고
Nativewind가 Tailwind CSS와 완전히 동일하게 동작할 것이라 생각했지만, 실제로는 두 라이브러리의 기본 스케일 값이 다르게 설정된 부분이 있다는 것을 개발 중 발견했습니다. 이를 팀에 공유하여 스타일 불일치 문제를 사전에 방지할 수 있었습니다.
실제 사용자가 있는 프로덕트를 프론트엔드 개발자로서 처음부터 함께 만들어가는 경험은 이전 개인 프로젝트들과는 다른 책임감과 배움을 주었습니다.
버전 3의 운영을 통해 얻은 피드백을 바탕으로, 더 나은 버전 4를 만들어가고 있습니다.