H&S BioLab

H&S는 신장기능 이상 조기진단 키트와 연동한 디지털 헬스케어 서비스입니다.

TEAM

이름	담당 업무
최한송	팀장 / 백엔드 : 서버 구축, API 구현, 데이터베이스 구현, 데이터 분석
곽태윤	백엔드 / 프론트엔드 : nodejs 서버 구축, 브랜치 마스터, 홈화면 구성, 건강검진 화면 구성, 페이지 네비게이션 구성
김지수	프론트엔드 : UX/UI, 디자인, 서비스 구상, 기업과 커뮤니케이션
오지훈	프론트엔드 : 구글 로그인, 네이버 로그인, QR 인식, 카메라 연동,
황재현	프론트엔드 : 카카오 로그인, 카카오 지도 화면, 투석병원 검색 페이지,

1. 서비스 소개

💡 기획 배경

• 만성콩팥병 환자 수 10년간 2배 이상 증가, 진료비는 2조 3천억 원으로 10년간 1조 원 이상 증가 (전체 진료비 3위)
  📎관련 기사 📎관련 통계자료

• 신장질환은 특이적 증상이 없어 조기 진단이 어려움
  

• 만성신장질환 조기 진단을 위한 바이오 마커의 부재
  

• 신장손상의 유형별/단계별 조기진단을 위한 진단 기술의 부재

🚩 목적 및 필요성

⚒️ 목표

H&S BioLab 자가진단키트와 연동되는 신장질환 관리 서비스

• 만성 신부전증 조기 진단을 위한 바이오 마커 연동
• 신장 손상의 유형별/단계별 조기 진단에 따른 관리 서비스 개발

🔎 유사 서비스와의 분석

• 자가진단키트로 몇 가지 항목을 통해 건강 상태 진단 (잠혈, 단백질, 포도당, pH, 케톤 등)
• 맞춤 건강 관리를 위해 많은 정보를 일일이 입력하고, 식사 및 소변량, 수분섭취량 등을 모두 작성해야 함.
• 신장질환 관리 서비스는 존재하지만, 업데이트가 잘 되지 않고 있으며, 자가진단 기능은 부재함.

✨ 기존 서비스와의 차별화

• 검사 항목의 이름이 어려워 잘 이해하지 못하는 사용자들을 위해 네 단계의 위험도로 현재 상태 가시화. (안전, 주의, 위험, 매우위험)

• 모든 정보를 매일 하나하나 입력할 필요 없이, 궁금한 정보만 검색하는 건강 관리 서비스 (투석병원 검색, 신기능에 영향을 주는 의약품 검색)
• 건강검진 연동으로 5초만에 내 건강 상태 파악 가능

🎯 기대 효과

• 가족력이 있거나 관련 질환을 앓고 있는 경우, 자가진단으로 만성콩팥병 예방하여 사회적 의료 비용 감소
  
• 의학적 지식이 없어도 쉽게 이해할 수 있는 지표로 의료정보 불균형 해소
• 간편한 건강관리와 기저질환 파악으로 환자의 삶의 질 향상

🔩 서비스 내용

1. 메인 기능

• 신장질환 진단키트와 연동

  • 소변검사 동영상 가이드 제공

  • 검사 후, 키트 촬영 및 데이터 전송

  • 바이오마커 인식 결과 출력

2. 서브 기능

• 건강검진 데이터 연동 및 분석 서비스

  • 기저질환 파악 및 관리를 위해 국가건강검진 데이터 연동 (CODEF OpenAPI 적용)

    • 간편인증 지원으로 빠르고 간단하게 연동

    • 신장질환 및 합병증 관련 항목을 중심으로 그래프 및 분석 제공 & 정상범위 파악

• 영양 관리 서비스

  • 신기능 이상 정도 (안전/주의/위험/매우위험)에 따른 영양소 섭취 정보 제공

    • 인, 칼륨, 나트륨 등의 영양소 제한량이 있어 식단 계획이 어려운 신장병 환자들을 위한 서비스

    • 식약처 영양 DB 활용 (식품이름, 열량, 탄수화물, 단백질, 지방, 나트륨, 칼륨, 인 성분값 사용)

• 투석 병원 검색 서비스

  • 환자가 근처 투석병원을 미리 알고 준비할 수 있는 기능

    • 신장질환자들이 가장 중요하게 생각하는 건강보험심사평가원의 "혈액투석 적정성 평가" 등급 사용

    • 투석병원 등급과 거리, 병원종류에 따른 데이터 필터링

    • 그 외에도 다양한 병원 정보 제공

• 의약품 검색 서비스

  • 약물에 의해 발생하는 신장 손상의 비율이 매우 높음 (고령자 및 동반 질환 환자: 30% 이상)

  • 따라서, 약물을 섭취하기 전에 신기능에 영향을 주는 성분이 있는지 검색할 수 있는 기능 제공

    • 식약처의 다양한 의약품 데이터를 활용해 하나의 통합 DB 구축 (4만개 의약품)

2. 프로젝트 설계

🗂 파일 구조도

Frontend

📦src
 ┣ 📂components
 ┃ ┣ 📜bottom_navigation.js
 ┃ ┣ 📜bottomtab_design.js
 ┃ ┣ 📜context.js
 ┃ ┗ 📜header.js
 ┣ 📂images
 ┃ ┣ 📂bottm_navigation
 ┃ ┣ 📂health_screen
 ┃ ┣ 📂home
 ┃ ┣ 📂hospital
 ┃ ┣ 📂login
 ┃ ┣ 📂medicine
 ┃ ┣ 📜chevronArrowLeft.png
 ┃ ┣ 📜hns.png
 ┃ ┗ 📜xButton.png
 ┣ 📂screen
 ┃ ┣ 📂Kit_checkup
 ┃ ┃ ┣ 📂assets/images
 ┃ ┃ ┣ 📜Camera.js
 ┃ ┃ ┣ 📜Kit_checkup2.js
 ┃ ┃ ┣ 📜Kit_checkup3.js
 ┃ ┃ ┣ 📜QRcode.js
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂diet
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂healthscreen
 ┃ ┃ ┣ 📂tabs
 ┃ ┃ ┃ ┣ 📜data.js
 ┃ ┃ ┃ ┣ 📜styles_tab.js
 ┃ ┃ ┃ ┣ 📜tab_anemia.js
 ┃ ┃ ┃ ┣ 📜tab_dyslipidemia.js
 ┃ ┃ ┃ ┣ 📜tab_hypertension_diabetes.js
 ┃ ┃ ┃ ┣ 📜tab_kidney.js
 ┃ ┃ ┃ ┗ 📜tab_liver.js
 ┃ ┃ ┣ 📜authentication1.js
 ┃ ┃ ┣ 📜authentication1.js
 ┃ ┃ ┣ 📜authentication3.js
 ┃ ┃ ┣ 📜index.js
 ┃ ┃ ┗ 📜legal_conset_text.js
 ┃ ┣ 📂home
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂hospital
 ┃ ┃ ┣ 📜index.js
 ┃ ┃ ┗ 📜styles.js
 ┃ ┣ 📂kit
 ┃ ┃ ┣ 📂assets/images
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂login
 ┃ ┃ ┣ 📜firebaseConfig.js
 ┃ ┃ ┣ 📜get_kidney_info.js
 ┃ ┃ ┣ 📜get_usr_info.js
 ┃ ┃ ┣ 📜index.js
 ┃ ┃ ┗ 📜login.js
 ┃ ┣ 📂medicine
 ┃ ┃ ┣ 📂assets/images
 ┃ ┃ ┣ 📜index.js
 ┃ ┃ ┗ 📜searchResult.js
 ┃ ┣ 📂src
 ┃ ┃ ┗ 📜index.js
 ┃ ┗ 📜theme.js
 ┣ 📜App.js
 ┣ 📜index.js
 ┗ 📜package.json

Backend

┣ 📦config
┃   ┣ 📜database.js
┣ 📦elasticsearch
┃   ┣ 📂hospital
┃   ┃   ┣ 📜byungwon_hospital.py
┃   ┃   ┣ 📜jonghap_hospital.py
┃   ┃   ┣ 📜sangjonghap_hospital.py
┃   ┃   ┣ 📜uione_hospital.py
┃   ┃   ┗ 📜yoyang_hospital.py
┃   ┗ 📂medicine
┃       ┗ 📜medicine.py
┣ 📦routes
┃   ┣ 📜health_checkup.js
┃   ┣ 📜kit.js
┃   ┣ 📜medicine.js
┃   ┗ 📜hospital.js
┗ 📜server.js

⚙️ 아키텍쳐

1. 전체적인 구조도

🔔 Database

• MongoDB : 사용자 데이터를 저장하기 위해 사용
• Elastic search : 투석병원정보, 의약품 정보 검색 DB 구축

📜 API Docs

📎API 보러가기

⚙️ 기술 스택

• Front-end

  • React, TypeScript, axios

• Back-end

  • Node.js, TypeScript
  • Fast API, Python
  • MongoDB, Elastic Search

• AI

  • Sklearn - tfidfvectorizer

• Deployment

• Docker, Docker-compose, Nginx, gunicorn, Certbot - LetsEncrypt