현재는 안드로이드용 APK파일로만 만들어둔 상태입니다. 추후 IOS버전까지 확인후 앱스토어에 배포 테스트를 해볼 예정입니다.
- 해당 프로젝트는 react-native로 앱 애플리케이션을 제작해보기 위한 프로젝트입니다.
- 메인 스크린에서는 거래내역이 없을때, 쓴 금액이 많을때, 얻은 금액이 많을때 총 3가지의 상태가 존재합니다.
- 최근 일주일 지출내역은 오늘을 기준으로 이전 6일전 까지의 거래내역데이터를 불러옵니다.
- 전체 거래 내역은 모든 거래 내역을 불러오며, 특정 날짜를 필터링하여 확인할 수 있습니다.
- Front : React-Native, expo, Javascript
- Back-end : Firebase
- 버전 및 이슈관리 : Github
- UI
- UI/UX 디자인
- 페이지 : 메인 스크린, 최근 일주일 거래내역 페이지, 모든 거래내역 페이지, 새로운 거래내역 생성/수정 페이지
- 기능
- 거래내역에 대한 CRUD 기능, 날짜 필터링 기능
- 전체 개발 기간 : 2024.05.06 ~ 05.22
- 혼자 작업을 했기에 필수기능들과 추가적인 기능들을 따로 분류하여 개발을 진행하며 git을 통해 관리를 진행하였습니다.
- 앱 시작시 등장하는 스크린입니다.
- 내역 데이터가 없을때와, 현재 월의 쓴 소비금액이 많을때, 벌은 금액이 많을 떄의 화면으로 나뉘어 집니다.
| 거래내역 X |
쓴 금액이 많을 때 |
얻은 금액이 많을 때 |
 |
 |
 |
- 거래내역중 오늘을 기준으로 지난 7일간의 거래내역 데이터만을 보여줍니다.
- 데이터가 존재하지 않을 경우 데이터가 없다는 글씨를 보여줍니다.
- 상단의 존재하는 거래 금액을 통해 7일간의 거래 정보를 얻을 수 있습니다.
| 최근 일주일 거래내역 데이터 X |
최근 일주일 거래내역 데이터 O |
 |
 |
- 모든 거래내역을 보여줍니다.
- 최근 거래내역과 같이 데이터가 없을 경우 데이터가 없다는 문구를 보여줍니다.
- 거래내역이 많을 수 있기에 특정 날짜를 선택하여 볼 수 있는 기능을 넣었습니다.
| 전체 거래내역 |
전체 거래내역 날짜 필터 |
 |
 |
- 상단의 + 버튼을 클릭하면 거래내역 추가 스크린으로, 거래내역을 클릭하면 거래내역 수정 스크린으로 이동합니다.
- 입력 폼 중 하나라도 미 입력시 사용자에게 입력 폼 재확인에 대한 문구가 표시됩니다.
- 더 세부적인 표현과 기능들로 인한 UX개선을 진행하면 좋을 것 같습니다.
- 큰 기능들과 세부적인 기능들이 개선되었다면 앱 스토어에 배포를 하게된다면 좋은 경험이 될 것 같습니다.