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

[youngwan2]

개요

기타

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

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

디자인 수정

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

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

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

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

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

•