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

[youngwan2]

개요

그 외

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

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

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

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

• 검색 전
  
• 검색 후
  

최근 검색어 기능

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

• 기능 및 레이아웃/디자인 변경 전
  

• 기능 추가 후