식품영양정보 조회 페이지 디자인 변경 및 로직 개선 작업, 탐색경로 레이아웃 깨지는 부분 수정 작업 - Githubissues

youngwan2 / food-picker

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

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

0 stars 0 forks source link

식품영양정보 조회 페이지 디자인 변경 및 로직 개선 작업, 탐색경로 레이아웃 깨지는 부분 수정 작업 #21

Closed youngwan2 closed 5 months ago

youngwan2 commented 5 months ago

개요

기타

- 페이지네이션의 반복적이고 중복되는 로직을 모듈화하는 작업 수행

- 경로안내 메시지 컴포넌트의 페이지에 따라 레이아웃이 깨지는 문제 수정

디자인 수정

- 기존의 노란 메모지 느낌의 밝은 디자인 Nutrition 페이지 였으나

- #1A4E85 계열의 색상과 이전 레시피와 Haccp 페이지와의 통일성을 위해서 아래와 같이 수정

이미지에서는 보이지 않지만, 3D 형식의 직사각형으로 각 영양정보를 표시하는 4개의 면이 존재함. 이 부분은 사용자와의 인터렉션을 통해 동적으로 회전하며 데이터가 표시될 수 있도록 추가 구현할 예정

- #8383f0 (보라색 계열)의 색이 변경된 디자인 및 색감과 불일치한다고 판단하여

- 2968ac (짙은 푸른색 )색상으로 아래와 같이 수정