Flutter

[Toy] 혈압 기록 노트(1) - 프로젝트 소개

Dean83 2023. 5. 18. 07:48

매일 2번 혈압을 재고 있다. 이를 기록을 해두어야 하는데, 물론 기록용 어플은 엄청 많다. 

그러나 내 입맛에 맞는 어플은 없거나 유료 혹은 광고가 있어서 귀찮게 만든다. 해서, 플러터를 공부하는 입장에서

토이프로젝트를 만들어 보자 생각을 하였다. 

 

1. 기능 소개

    - List를 통해 기록된 혈압 목록을 보여준다

    - 최근에 입력한 항목을 맨 끝에 보여준다.

    - 입력한 혈압 정보를 수정, 삭제 가능하다.

    - 평균, 총 건수 등 각종 정보를 보여준다

    - 기준치 이상의 혈압 건을 필터링 할 수 있다. 

    - 필터링시 오차범위를 설정할 수 있다.

    - 라인차트와 분포 차트를 통해 기록목록의 성향을 파악할 수 있다.

    - 웹으로 빌드하여 PC, 휴대폰에서 확인이 가능하다
       - 웹으로 구현한 이유는, 각 스토어 업로드를 위해선 개발자 계정을 유료로 등록해야 해서..비용을 최소화 하기 위함이었다.
          웹 배포는 Github을 통해 무료로 하였다.

    - Firebase 의 CloudFireStore 를 통해서 NOSQL 로 구현한다. 

 

2. 사용된 기술 혹은 기법 

     - 페이지 이동 (이동시 데이터 전달, 복귀시 결과값 수신)

     - 위젯 활용

     - FIrebase 연동

     - 페이지 분리

     - 차트 라이브러리 사용

     - 비동기 사용

     * RESTAPI 통신과 Json 파싱을 제외하곤 왠만한건 다 적용된거 같다.

 

3. 변명(?)

     - 내가 쓸거라서 디자인에 신경쓰지 않았다. 

     - CloudFireStore 에는 로그인을 고려하여 데이터 설정을 하였으나, 로그인 페이지를 만들진 않았다.

        (로그인을 만들면 회원가입, 로그아웃, 회원탈퇴 등 도 만들어야 하는데.....귀찮다;;)

     - 코드가 지저분 하고 최적화 되어 있지 않다. 중복된 코드도 많다. 

 

4. 스크린샷

메인화면

 

입력, 수정 화면

 

 

차트화면. 각 포인트를 클릭하거나 마우스 오버시 상세정보가 뜬다