음식영양 데이터베이스 활용도를 높이기 위한 작업 및 랜딩 페이지 개선 작업 계획 - Githubissues

youngwan2 / food-picker

내가 먹는 음식은 과연 안전한 음식일까? 여기 시장 어릴 적 부터 있었는데, 언제부터 있었던 걸까? 또 무엇이 유명하지? 이거 칼로리는 작아보이는데 영양가도 있을까? 간단하게 만들어 먹을 수 있는 음식은 뭐가 있을까? 모든 궁금증과 고민을 해결할 수 있는 사이트

https://www.foodpick.co.kr/

0 stars 0 forks source link

음식영양 데이터베이스 활용도를 높이기 위한 작업 및 랜딩 페이지 개선 작업 계획 #20

Open youngwan2 opened 6 months ago

youngwan2 commented 6 months ago

고려하고 있는 작업

음식 영양 데이터베이스 관련

사용자 선택 음식 데이터 기반 권장 칼로리 계산기

현재 음식영양 데이터베이스를 활용한 방식은 검색을 통한 조회 기능, 그리고 페이지네이션을 이용한 추가적인 데이터 조회 기능이 전부이므로 사용자가 입력하거나 선택한 음식 정보를 기반으로 칼로리를 계산하고 하루 권장 섭취량을 계산할 수 있는 기능이 있다면 좋을 것 같음.

칼로리 계산 외 영양소 시각화

이번에 대체되는 영양소 DB 정보의 경우 업데이트가 되면서 기존의 누락된 영양데이터가 많이 갱신됨. 따라서 이를 사용자가 쉽게 구분할 수 있도록 d3.js 혹은 chart.js 와 같은 데이터 시각화 도구를 활용해볼 예정.

필터링 기능(https://github.com/youngwan2/food-picker/pull/29)

같은 이름의 음식이라도 외식과 가정식, 급식 등의 기준에 따라 동일한 이름의 다른 데이터가 존재함. 이러한 구분을 쉽게할 수 있는 필터링 기능과 검색 기능을 통합하여 제공할 수 있다면, 사용자는 더 쉽고 효율적으로 필요한 음식 데이터와 영양 정보를 획득할 수 있음

3d 입체 카드 전환 애니메이션을 실행하기 위한 컨트롤 버튼 추가(#25)

현재 구현된 부분은 4면체의 3D 형식의 카드로 만들어져 있으나, 별도의 컨트롤 버튼을 추가하는 작업을 하지 않아서. 조작이 불가능한 상황이므로 이에 대한 기능이 필요함

루트 페이지(#24)

루트 페이지 개선

기존 루트 페이지는 각 주요 페이지에 대한 간략한 소개와 네비게이션 역할을 하고 있었음. setInterval 을 이용한 3초 단위로 슬라이드가 자동으로 변경되는 방식으로 구현 하였는데, 키보드, 마우스, 자동 슬라이드 방식으로 사용자가 더 효율적으로 확인할 수 있는 기능을 추가하고, 전체적인 다지안과 레이아웃을 변경할 것임.

youngwan2 commented 5 months ago

비고: 기능 확장 이전에 코드 퀄리티 부터 신경 쓰는 것이 좋아 보임