당뇨 환자를 위한 식품정보 제공, 혈당당 프로젝트
당뇨 환자를 위한 GL정보 제공, 혈당당 프로젝트
식품에 표기된 영양정보를 입력하고 GL 예측모델 (estimated Glycemic Load, eGL)에 따라 혈당 부하지수를 도출함으로써
해당 식품이 혈당 반응에 어떤 영향을 미치는지 HIGH, MIDDLE, LOW 3단계로 나누어 결과값을 제공합니다.
이를 통해 환자 개개인의 혈당 관리를 용이하게 하고, 영양 관리사는 환자의 식단 현황을 한 눈에 파악할 수 있게 합니다.
GL(Glycemic Load), '당부하지수'로 1회 분량을 기준으로 혈당 반응을 비교한 값으로, GL값이 낮을 수록 당 수치에 부담이 적다고 말할 수 있습니다.
| 역할 | 담당 |
|---|---|
| FE | namnameeroo |
| BE | HanaHww2 |
food 입력값의 키값 수정
유저의 입력내역에서 입력페이지로 이동하는 + 버튼 이벤트
button의 onClick 이벤트 생성, 속성에 넘기는 주소로 이동
User 기본 API 추가 및 수정
로그인 인증처리 관련 이슈
mylist 페이지의 유저의 기록 조회 api 요청
admin user list axios
버튼 이벤트 추가
Food ID로 들어온 값을 파라미터처리하고, 이에 따라 API 요청 후 렌더링
kakao 로그인 api를 활용한 인증 기능 추가
FoodForm 페이지
AdminFoodForm 페이지
유저의 식품정보 입력 페이지,
어드민의 유저의 식품정보 입력값 수정 페이지
useEffect 적용해, 화면 첫 렌더링시 fetch요청 비동기 처리
mylist 페이지
유저의 입력 내역 조회 페이지
로그인 시도하고, 리다이렉트 할 때 auth 성공여부와 role (유저, 어드민)에 따라
다른 페이지로 이동시키기
Auth == true && role : USER => mylist (입력내역 페이지)Auth == true && role : ADMIN => adminUserList (유저목록 페이지)관련 이슈 : #154
FoodForm 페이지의 버튼 및 폼 전송 이벤트
입력값 변경 이벤트
폼 전송 이벤트
CRA의 템플릿 파일(index.css, reportWebVitals, setupTests... )을 제거하고, favicon 수정
로그인 분기 처리 위한 로직 추가,
Form 사소한 수정,
GL 소수점 계산 보정한 컴포넌트 추가
OAuth 활용을 위한 Auth/User 로직 및 기능 수정, 보완
설정 파일 수정 및 기타 sql 파일 추가
gray color 변수 추가 후 영역 밖 색으로 적용
최대 폭 지정해서 세로가 긴 비율을 유지하도록 함..!
예외처리 관련 수정 및 추가
유저의 식품정보 입력 시 구조분해할당으로 폼에 보내기 위함
npm package, package lock json 변경 반영
App.js의 라우터를 별도의 컴포넌트로 분리,
향후 로그인 분기처리를 보다 상위(App)에서 처리하기 위함
CRA 패키지명에 언더바 사용 불가로 인한 이름 변경
git mv front_end front-end
HTTPS 통신을 위한 서버요청 주소 변경
User 정보 axios 유효성 확인,
컴포넌트 분리 사용 가능한 지 확인
test
데이터 null 일 때 렌더링부터 안 되는 에러 fix,
null 처리 로직 추가
Google 로그인 api 활용시 사용자 정보를 가져오기 위해 로직 수정
settings update
loginfoodForm
adminUserListadminFoodFormmylistFeat: , Fix: , Style: , Docs: , Remove: , Refactor:, Chore:
유저 리스트 가져오는 props 에러 해결,
구조 분해 할당 적용
Food API 추가 및 수정
소셜로그인 버튼 스타일 수정
adminUserList 페이지
관리자의 유저 목록 조회 페이지
main css 본문 폰트 사이즈 줄임
유저 0명일 때 화면 표시 안 되는 오류 해결
jsconfig에 root 폴더를 front-end/src로 지정하고,
기존 import문 전면 수정
post 에러 수정, 결과 버튼 추가,
(modal 컴포넌트는 반영 중)
plus button resize
top 여백 조정
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.