- 유재민, 박상원, 배수인, 설혜린, 조석희, 양이진, 남효현, 이득규, 한지선
- 2022년 5월 26일 ~ 2022년 5월 27일
- Typescript, React, Sass
- yarn 설치
npm i yarn
- 레포지토리 클론
git clone git@https://github.com/wanted-pre-onboarding-7team/KB-7.git
- dependencies 설치
yarn install
- 실행
yarn start
나의 건강점수 | 나의 10년 후 건강 예측 | 맞춤 건강관리 |
---|---|---|
![]() |
![]() |
![]() |
- 건강 검진 데이터를 활용한 차트 표시
-
건강점수 차트
- 개인 건강 점수 원형 차트 및 차트 가운데 표기
- 데이터 기준 날짜 표시
-
사용자 기본 정보 표시
- 성별/나이/키 박스 형태로 표시
-
건강점수 연도별 변화 차트
- 최근 4개의 연도별 건강점수 막대 + 라인 그래프. 값도 표시
- 텍스트는 별도 장표로 설명
- 가장 최근 데이터에 색깔 표시
- 값 1개만 있는 경우 노랑색으로 그리고 ‘YYYY년 건강 점수는 000점 입니다.’ 텍스트 표시
- 검진결과 상세 화면으로 이동 (UI만 표시)
-
건강점수 동일 그룹 내, 백분율 석사 차트와 그룹 평균 대비 차트
- 평균 점수와 비교하여 조건부 스타일링
-
10년 후 예상 건강, 의료비 그래프
- 현재와 비교하여 조건부 스타일링
-
맞춤 건강관리 페이지
-
맞춤 건강관리 안내 텍스트
-
개선가능한 점수 표기
-
맞춤 건강관리 카드
- 현재 수치 + 웰시콘 평가 분류값 노출
- 정상 범위 안내
- 태그 – 추천 키워드 항목 최대 3개 노출
- 웰시콘 건강가이드 ‘행동 목표'노출 (행동 목표가 없는 경우 비노출)
-