백과사전 모달 레이아웃 및 디자인 변경, 최근 검색어 기능 추가 - Githubissues

youngwan2 / food-picker

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

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

0 stars 0 forks source link

백과사전 모달 레이아웃 및 디자인 변경, 최근 검색어 기능 추가 #28

Closed youngwan2 closed 5 months ago

youngwan2 commented 5 months ago

개요

그 외

백과사전 이미지 Get 요청 실패 시 대체 이미지 설정 및 에러 핸들링 작업
최근 검색어 중복제거 로직 추가 및 개선작업
로드뷰 깨짐 문제 개선 및 리스트 컨테이너 기능을 수행하는 컴포넌트 재사용성을 높이기 위한 모듈화 작업

백과사전 모달 레이아웃 변경

기존의 백과사전 모달의 레이아웃과 디자인은 전체적으로 색감이 강렬하고 조회된 목록 간에 구분이 잘 가지 않는 문제 등이 있었음

불필요한 backdrop-filter 를 제거하고, 레이아웃이 뷰포트 전체를 꽉 차도록 변경하였고, 컨테이너 내부를 구성하는 컴포넌트의 max-width를 1240px 로 제한하여 사용자가 콘텐츠에 집중할 수 있도록 개선함

검색 전
검색 후

최근 검색어 기능

원래 백과사전 검색 기능에는 검색 기능 하나만 있었으나, 최근에 검색한 키워드를 캐싱하여 사용자가 언제든지 과거 검색어를 기반으로 재검색이 가능하도록 기능을 추가(브라우저 세션스토로지 활용)

기능 및 레이아웃/디자인 변경 전
기능 추가 후