View Code? Open in Web Editor
NEW
This project forked from codesquad-members-2021/fe-w5-searchui
fe-w5-searchui's Introduction
카카오페이
줌인터넷
코드스쿼드 (부트캠프)
2022.04 - 2022.06
2022.04 - 2022.06
코드스쿼드 (부트캠프)
- 2021.01 - 2021.06
- 프론트엔드 마스터즈 과정
fe-w5-searchui's People
Contributors
fe-w5-searchui's Issues
움직이는 keyword는 멈추어야한다.
멈춰진 그대로 보여지지 않는다.
focusout이 되었을 때 다시 roll이 시작되어야함
키보드 위아래로 이동시 검색창의 단어는 키보드가 foucs한 단어와 같아야한다.
최근에 검색한 단어들은 local storage를 활용하여 일정시간 후에 보여준다.
같은 검색은 다시 fetch를 요청하지 않고 캐시를 확인한다.
어떻게 구현해야하나?
fetch api는 async await을 활용해야한다.
참고: 최근검색어는 local, session storage를 사용하자.
검색창 단어와 검색 자동완성 단어 매칭 후 색깔 변경
검색창을 foucs 했을 때 인기검색어 창이 나온다.
키보드 위아래 이동시 검색창의 단어도 맞게 변경되어야 한다.
어떤 효과?
공부하자.
keydown에 class를 추가해보자
hover effect도 주어야한다.