🎉 배포주소

• 유재민, 박상원, 배수인, 설혜린, 조석희, 양이진, 남효현, 이득규, 한지선

• 2022년 5월 26일 ~ 2022년 5월 27일

• Typescript, React, Sass
  

1. yarn 설치

 npm i yarn

2. 레포지토리 클론

git clone git@https://github.com/wanted-pre-onboarding-7team/KB-7.git

3. dependencies 설치

yarn install

4. 실행

yarn start

나의 건강점수	나의 10년 후 건강 예측	맞춤 건강관리

• 건강 검진 데이터를 활용한 차트 표시

• 건강점수 차트

  • 개인 건강 점수 원형 차트 및 차트 가운데 표기
  • 데이터 기준 날짜 표시

• 사용자 기본 정보 표시

  • 성별/나이/키 박스 형태로 표시

• 건강점수 연도별 변화 차트

  • 최근 4개의 연도별 건강점수 막대 + 라인 그래프. 값도 표시
  • 텍스트는 별도 장표로 설명
  • 가장 최근 데이터에 색깔 표시
  • 값 1개만 있는 경우 노랑색으로 그리고 ‘YYYY년 건강 점수는 000점 입니다.’ 텍스트 표시
  • 검진결과 상세 화면으로 이동 (UI만 표시)

• 건강점수 동일 그룹 내, 백분율 석사 차트와 그룹 평균 대비 차트

  • 평균 점수와 비교하여 조건부 스타일링

• 10년 후 예상 건강, 의료비 그래프

  • 현재와 비교하여 조건부 스타일링

• 맞춤 건강관리 페이지

  • 맞춤 건강관리 안내 텍스트

  • 개선가능한 점수 표기

  • 맞춤 건강관리 카드

    • 현재 수치 + 웰시콘 평가 분류값 노출
    • 정상 범위 안내
    • 태그 – 추천 키워드 항목 최대 3개 노출
    • 웰시콘 건강가이드 ‘행동 목표＇노출 (행동 목표가 없는 경우 비노출)