wonji2017 / kodip_proj

Kodip Project

Flutter기반 핀테크 과제 프로젝트

Stack

• get_it (의존성주입)
• mobx (상태관리)
• chopper (http통신)
• fl_chart (그래프)

Features

• 내지갑
• 거래내역
• 환율

Pre requirement

1. django 서버 구동 (http://github.com/KoreaDigitalPlatform/interview_3)
2. settings.py에 django.middleware.csrf.CsrfViewMiddleware 주석 처리 및 ALLOWED_HOSTS = ['*']로 변경
3. ngrok으로 공개서버 연결 (https://ngrok.com/download)

Start

1. lib/env/environment에 ngrok도메인 입력
2. 패키지 설치

$ flutter pub get

3. Android Studio에서 기기 연결 후 run (Dart entrypoint: /lib/env/dev_main.dart)

Logs

core

• 기본적인 구조 설계 및 구현
• 주어진 암호화 패키지를 적용하여 서버와 암호화 통신 세팅
  • 안드로이드 서드파티 암호화 라이브러리 설치 후 flutter 연동
• 디자인 파일 참고하여 컴포넌트 별로 재사용 가능하게 작성
• 전체 퍼블리싱 완료
• page flow 로직에 전체 구현
  • 페이지 사이의 인터렉션
• api 연결 (di + intercepter)
• 주어진 환율 데이터에 대한 차트 그래프 표시
  • flutter 라이브러리 사용
  • 그래프에 관한 디자인 가이드는 없으나 최대한 디자인에 맞춰서 표시
• 서버 seed 암호화와 로직통일시키기
• 권한 관련 세팅 (+ 로그인)

etc

• 햅틱 반응 고려 (토스 ref)
• landscape 화면 고려
• 차트 그래프 인터랙션, 디자인 구현
• 로딩 및 에러 발생에 대한 대응
  • 403 발생 시 에러메시지 표시와 함께 처음 로그인 화면으로 이동
  • 스켈레톤 및 에러 처리
• 로고 및 스플래시
• 다크모드