[JavaScript] 추천 검색어 띄우기

 

검색 기능을 만들다 보니..

이렇게 구글에서 추천 검색어를 띄워주는 걸 만들면 좋겠다 싶었다.

'구' 만 검색했을 때도 어마어마하다~

완벽한 검색 기능을 만들 순 없겠지만!.. 일단 첫 글자라도 일치하는 모든 데이터를 가져와 보기로.

 

filter 메서드를 통해서 걸러오면 되는데, 한글은 영문이 아니기 때문에 toLowerCase 같은 메서드를 사용하지 않아도 된다.

필터링된 해수욕장들을 li 태그 안에 넣는 작업을 거친다.

 

 

그리고 DOM 작업을 좀 거치면 이렇게 첫 글자가 일치하는 해수욕장들이 뜬다!

 

 

 

+++

완성 후 검색어가 가나다순으로 정렬되었으면 좋겠다는 피드백이 있었어서 추가 작업을 진행했다.

아래에서 볼 수 있다.

 

https://i-ten.tistory.com/187

에러 수정 삽질 기록 (3)