영양제 추천 썸네일형 리스트형 [React] 이가 없으면 잇몸으로 안녕하세요! 날씨가 엄청 덥고 습하네요. 캡스톤은 지금 마무리 단계에 들어가고 있는데 한 번에 모든 코드를 리뷰하기는 힘들 것 같아서 하루에 한 단계 씩 리뷰해보려고 합니다. 최근에는 서버 구체화 단계를 하면서 큰 위기에 봉착했는데요. 데이터 파일들을 보시면 영양제 데이터와 식단 데이터가 있습니다. 1. 영양제의 영양성분을 인덱스 별로 표시해 놓은 영양 성분 데이터 셋이 있고 2. 각 인덱스별 영양제의 정보를 모아 놓은 영양제 정보 데이터셋이 있습니다. 영양소 함량 데이터셋에는 총 26개의 영양 성분이 있습니다. 하지만 찾아 놓은 식단 데이터에는 영양소 성분 데이터가 부족했습니다. 급하게 최대한 비슷한 영양소 정보를 포함한 데이터셋을 찾아 봤지만 모든 데이터를 전처리하고 추천 로직.. 더보기 [React] 캡스톤 디자인 진행과정 안녕하세요 오랜만에 돌아왔네요. 1학기 동안 캡스톤 디자인을 진행했습니다. 저는 인공지능 서버와 프론트엔드 페이지 설계를 도맡아 진행했습니다. 서버는 Flask라는 파이썬을 이용했고, 프론트엔드는 리액트와 AntiDesign 툴을 주로 활용했습니다. 오늘은 페이지의 UI를 보여드리고 개발이 완료되면 코드 리뷰를 하도록 하겠습니다. 먼저 메인페이지입니다. 페이지에 대해 간단히 설명하고 영양성분 설명 버튼을 누르면 성분 설명 페이지로 이동합니다. 성분 설명 페이지입니다. 네모 박스를 누르면 해당 영양소에 대한 설명을 보여줍니다. 다음은 AI 질문 페이지입니다. 질문을 하면 ChatGPT API를 기반으로 답변을 생성해 줍니다. Navbar에서 추천 받기 버튼을 누르면 위 페이지로 이동하고 추천.. 더보기 이전 1 다음
