Nutriguide 썸네일형 리스트형 [React] Nutriguide Landing Page 코드 리뷰 안녕하세요! 오늘 부터는 완성된 Nutriguide의 페이지 코드를 하루에 하나씩 리뷰해보려고 합니다. 그럼 시작하겠습니다 : ) NutriGuide는 3일치의 식단을 입력받고 사용자에게 부족한 영양소 정보를 추출해서 영양제를 추천해주는 사이트입니다. LandingPage에는 간단히 각 페이지의 정보를 보여줍니다. AI 건강 상담 버튼을 누르면 AI 건강 상담 페이지로, AI 영양제 추천 버튼을 누르면 식단 인풋 페이지로 이동합니다. import React from 'react';import { Link, useNavigate } from 'react-router-dom';import { Button } from 'antd';import myImage from '../img/logo.png'; i.. 더보기 [Flask] 유클리드 거리를 이용한 영양제 추천 서버 안녕하세요! 졸업 작품 Nutriguide가 어느덧 마무리 단계를 거쳐 전시회를 준비하고 있습니다. 페이지의 프론트엔드 코드를 리뷰하기전에 서버 코드를 리뷰해보도록 하겠습니다. 저는 저희가 구사하고자 하는 추천 알고리즘과 가장 비슷한 PillGood 이라는 프로젝트의 오픈 소스를 깃허브에서 얻어서 모델을 조금 변형했습니다. 기존 PillGood은 설문 조사를 통해 사용자의 부족한 영양소를 구해서 부족한 영양소와 영양제 성분과의 유클리드 거리를 구해서 거리가 가장 가까운 영양제를 추천해주는 방식입니다. 저희는 식단을 입력받아서 식단에 부족한 영양소를 구하고, 결과를 기반으로 영양소 추천을 진행하고 싶었기에 인풋값만 식단으로 변경했습니다. # 데이터 로드pill_data = pd.read_csv('.. 더보기 [React] 영양제 추천 사이트 - 졸업 작품 예행 연습(1) 안녕하세요 오랜만에 돌아왔네요. 개강 후 수강신청하고 졸업작품 준비하느라 시간에 허덕이고 있습니다. 다행히 지금은 방향이 정해져서 프론트엔드 쪽으로 일단 진행하고 백엔드 부분을 도와주는 식으로 나아갈 것 같습니다. 아직 파트 분배를 하지 않았지만 미리 사이트를 만들고 있습니다. 저희 조는 영양제를 추천해주는 웹사이트를 만들기로 했습니다. 사용자의 건강 정보와 식단을 입력받으면 사용자의 영양소 섭취량과 권장 섭취량을 비교해서 나온 수치로 부족한 영양소 성분을 보충해주는 영양제 사이트 입니다. 먼저 디자인의 방향성을 잡기 위해 로고를 만들었습니다. 로고 1도 괜찮았지만 좀 더 범용성이 넓을 것 같은 로고 2를 채택했습니다. 사이트 이름은 로고처럼 NUTRIGUIDE가 될 것 같습니다. 먼저 랜딩페이지를 만들.. 더보기 이전 1 다음
