매일 2번 혈압을 재고 있다. 이를 기록을 해두어야 하는데, 물론 기록용 어플은 엄청 많다.
그러나 내 입맛에 맞는 어플은 없거나 유료 혹은 광고가 있어서 귀찮게 만든다. 해서, 플러터를 공부하는 입장에서
토이프로젝트를 만들어 보자 생각을 하였다.
1. 기능 소개
- List를 통해 기록된 혈압 목록을 보여준다
- 최근에 입력한 항목을 맨 끝에 보여준다.
- 입력한 혈압 정보를 수정, 삭제 가능하다.
- 평균, 총 건수 등 각종 정보를 보여준다
- 기준치 이상의 혈압 건을 필터링 할 수 있다.
- 필터링시 오차범위를 설정할 수 있다.
- 라인차트와 분포 차트를 통해 기록목록의 성향을 파악할 수 있다.
- 웹으로 빌드하여 PC, 휴대폰에서 확인이 가능하다
- 웹으로 구현한 이유는, 각 스토어 업로드를 위해선 개발자 계정을 유료로 등록해야 해서..비용을 최소화 하기 위함이었다.
웹 배포는 Github을 통해 무료로 하였다.
- Firebase 의 CloudFireStore 를 통해서 NOSQL 로 구현한다.
2. 사용된 기술 혹은 기법
- 페이지 이동 (이동시 데이터 전달, 복귀시 결과값 수신)
- 위젯 활용
- FIrebase 연동
- 페이지 분리
- 차트 라이브러리 사용
- 비동기 사용
* RESTAPI 통신과 Json 파싱을 제외하곤 왠만한건 다 적용된거 같다.
3. 변명(?)
- 내가 쓸거라서 디자인에 신경쓰지 않았다.
- CloudFireStore 에는 로그인을 고려하여 데이터 설정을 하였으나, 로그인 페이지를 만들진 않았다.
(로그인을 만들면 회원가입, 로그아웃, 회원탈퇴 등 도 만들어야 하는데.....귀찮다;;)
- 코드가 지저분 하고 최적화 되어 있지 않다. 중복된 코드도 많다.
4. 스크린샷



'Flutter' 카테고리의 다른 글
| [Toy] 혈압 기록 노트(3) - 페이지 이동, 복귀 (0) | 2023.05.18 |
|---|---|
| [Toy] 혈압 기록 노트(2) - Firebase Cloud FireStore 소개 및 사용 (2) | 2023.05.18 |
| MainAxisAlignment, CrossAxisAlignment (Row, Column 정렬) (0) | 2023.05.16 |
| TextField 위젯 사용법과 유의점 (중요!) (0) | 2023.04.26 |
| Stateful 과 Stateless Widget 둘 중 어느걸 사용할지 고민될때 확인 (0) | 2023.04.26 |