Github Open API - Search를 활용한 검색 서비스
- : ⭐️ vanilla front end architecture - 현재 적용한 구성과 단점
- : ⭐️ 커스텀 html
- : 최적화(debounce, throttle)
- : scss
- : 트러블 슈팅
- : fetch util
- : profile finder
- : code finder
- : topics
- : repos
- : 연관 검색어 자동 완성
- : 최근 검색어 기록
- : 선택한 키워드 활성화 (마우스, 키보드)
- : 키워드 더블클릭 시 검색
- : 키워드 키보드 엔터 시 검색
- : 최근 검색어 삭제 및 전체 삭제
- : (키보드 이벤트가 일어나면) 입력할 때마다 관련 검색어 자동 완성
- : 자동 완성하면서 하이라이트
- : 키보드 이동(맨 아래로 갔을 때 되돌아가기)
- : 키보드 이동 중간 엔터 눌렀을 때 검색되게 하기
- : 이동할 때마다 검색창에 반영(자동완성 목록은 변하지 않음?)
2023-03-15.5.28.23.mov
- : input창이 활성화되면 최근 검색 기록 보여주기
- : 검색창에 아무것도 입력하지 않은 상태에서 방향키 입력시 최근 검색 기록창 활성화
- : 개별 삭제
- : 전체 삭제
- : 최근 검색 기록 끄기
- : 최근 검색 기록 끈 상태 -> 검색어 저장 기능이 꺼져 있습니다.
- : 최근 검색 기록 켠 상태 -> 최근 검색 기록이 없습니다.
- : 키보드 이동(맨 아래로 갔을 때 되돌아가기)
- : 키보드 이동 중간 엔터 눌렀을 때 검색되게 하기
- : 검색날짜(mm-dd)
2023-03-15.5.34.50.mov
최근 검색어 삭제 및 전체 삭제
2023-03-15.5.31.35.mov
- : 검색 쿼리 url 상태로 반영
$ npm install && npm run dev