Skip to content

[Library Project] Search History

choichoigang edited this page Aug 21, 2020 · 1 revision

Search History

Search History Source Code

  • LocalStorage를 활용해서 사용자의 검색 기록을 보관하고 내역을 보여줄 수 있는 기능을 구현한다.
  • 최대 기록 범위는 5개까지 가능하다.
  • Search History에 있는 기록과 신규 검색 내용이 중복된다면 중복 기록을 최상단으로 갱신하고 중복을 허용하지 않는다.
  • Search History에 대한 전체 삭제 기능을 지원한다.
  • Search History에 각각 요소들은 개별적으로 삭제가 가능하다.
  • Keydown 이벤트는 Enter,ArrowUp,ArrowDown 까지 지원하며 ArrowUp,Down으로 Search History를 이동할 수 있다.
  • 요소에 MouseOver를 해서 Click하는 방법으로도 사용이 가능하도록 구현한다.
  • 검색 기록이 없다면 사용자에게 검색 기록이 없다는 안내 문구를 보여준다.

구현 Image

스크린샷 2020-08-21 오후 8 49 17

Clone this wiki locally