우선 좋은 모듈 개발해주신 카르마님에게 정말 감사드립니다.

보시는것처럼 통합검색 확장모듈에서 하이라이트 기능을 구현하였습니다.

자소 분해는 이미 구현됬다고 글을 올렸으니 이전 글 참고하시면 되겠구요... ^^

 

WebEngine 님이 자소 분해로 검색과 하이라이트 부분을 구현하였고,

저는 전반적인 디자인 수정 (네이버와 유사) 및 검색 반응성을 향상하도록 JS 및 CSS 를 일부 수정하였습니다.

 

종합적으로 변경된 사항은 다음과 같습니다:

 

1. 검색어 하이라이트 기능

: 검색 결과에서 입력한 검색어를 하이라이트 표시합니다.

 

2. 자소 분해 검색 기능

: 한국어 검색시 자소를 분해하여 검색합니다.

 

3. 디자인 수정 및 하단바 추가

: 네이버와 비슷하게 회색톤의 디자인으로 수정 및 하단바를 추가하여 닫기 버튼을 추가하였습니다.

 

4. 추천 검색어 반응 속도 향상

: AutoComplete JS 의 설정값 제어로 추천 검색어 반응 속도를 향상시켰습니다.

 

5. 포커스 개선

: 검색어가 입력된 상태에서 검색 상자에 포커스된경우 추천 검색어 목록을 다시 보여줍니다.

 

이러한 개선 사항이 포함된 자료를 @카르마님에게 쪽지로 보내드렸습니다.

디자인 부분은 원래 개인적으로 사용하기 위해 수정한건데... 별도로 제거하기가 귀찮아서 그대로 보내드립니다.

보기 편하시라고 수정한 파일만 보내드렸구요, 변경한 부분은 어느정도 주석 달아뒀습니다. ^^

적절히 수정 후 업데이트에 반영하시면 될것 같습니다...!

 

그리고 모듈 부분에서 한가지 카르마님에게 부탁드리고 싶은게 있습니다.

추천 검색어를 관리하고 싶은데 동일한 검색어가 여러개라서 삭제 처리하기가 어렵네요...

이 부분을 해결하기 위해서 검색 목록에서, 같은 검색어는 하나로 묶어서 보여주고, 카운트로 표시해주시면 좋을것 같습니다.

(검색어: 스타일루트 / 검색 횟수: 5회 / 글쓴이: ...)

 

개인적인 바람입니다... ^^