- test 디렉토리를 과제를 수행하기 위해 공부한 부분입니다
- assignment 디렉토리는 제출용으로 구현한 앱입니다
- expo를 통해 확인이 가능합니다
추가기능 구현
- Graph 탭
- 데이터가 8개 이상 들어왔을 때 주차별로 볼 수 있는 기능 추가( 화살표 버튼 )
- 그래프 내부의 점 클릭시 해당 수치를 Tooltip 형태로 제공 - ( IOS, Android )
- UI 개선
- 기존의 그래프의 경우 저점이 최하단 고점이 최상단으로 표기되어 불편하다고 판단 > 저점의 0.9배 고점의 1.1배의 데이터를 추가삽입하여 개선
- 추가한 데이터의 좌표는 나오지 않도록 변경
- Table 탭
- 표정렬 기능 추가 - 최신순
- 이상치 확인 기능 추가( 글자 색을 다르게 표시 - 정상값: 녹색, 이상치: 붉은색 )
- 셀 클릭시 해당 정보를 Alert 로 제공
- 이상치 판별 기준 - 셀 클릭시 어떠한 이상치인지 확인 가능
- (최대값 + 평균값) / 2 초과한 값
- (최소값 + 평균값) / 2 미만인 값
개선할 점
- Web 호환성: 그래프 내부의 점을 클릭시 해당 수치를 제공하나 Web 에서는 호환되지않음
- 이상치: 이상치의 기준을 임의로 설정하였기 때문에 수면시간 칼럼의 경우 22-05-10 데이터를 제외하고는 이상치로 나타남 > 각 데이터 칼럼별로 이상치의 기준을 정해야 할것
- 테스트(학습): app, 제출: app 생성
- 테스트(학습): top-tap navigation 구현, 제출: top-tap navigation 라이브러리 설치
- 테스트(학습): react-native-chart-kit 라이브러리 설치, 선형 그래프 뷰 구현
- 테스트(학습): react-redux 세팅 및 리듀서 구현, LineGraph 컴포넌트 구현
- 테스트(학습): Button (시간 단위 변경, 무게 단위 변경) 구현
- 테스트(학습): RecyclerListView 구현
- 제출: eslint, prettier 설정, top-tap navigation 구현, react-redux 세팅 및 리듀서 구현
- 휴무
- 제출: 선형 그래프 컴포넌트 생성, 주차별 보기 기능 추가, 데이터 정보 보기 기능 추가, 단위 변경 기능 추가, 보다 편한 UI를 위해 최대값 최소값 재설정
- 제출: 표(행,셀) 컴포넌트 생성, 버튼(텍스트,기본) 컴포넌트 생성, 평소보다 (높은, 낮은) 수치 확인 기능 추가, 셀 정보 보기 기능 추가, 표 정렬 기능 추가
- 제출: IOS, Web 호환성 ( Web: Table Cell 클릭시 alert 따로처리, IOS: 노치 디스플레이로 인해 SafeAreaView 추가 )