'자동완성'에 해당되는 글 3건

  1. 2019.09.03 [Javascript] 자동완성 key event 처리
  2. 2016.11.08 [미미박스 검색이야기] 자동완성이란? 2
  3. 2013.12.18 [Elasticsearch] 쉽게 자동완성 기능 구현해 보기. 2

[Javascript] 자동완성 key event 처리

ITWeb/개발일반 2019. 9. 3. 08:58

keyUp, keyDown, keyPress, onFocus, onChange 등의 이벤트들이 있습니다.

여기서 한글 처리를 위해서는 keyPress 를 사용 할 수 없는데요.

이유는 keyUp/Down 은 key code 를 리턴 하고, keyPress 는 ascii code 를 리턴 합니다.

이런 이유로 한글에 대한 처리가 되지 않습니다.

 

별거 아닌 내용이지만 또 기억 못할 까봐 기록 합니다.

:

[미미박스 검색이야기] 자동완성이란?

ITWeb/미미박스검색이야기 2016. 11. 8. 18:06

자동완성이란?

네이버 지식백과에서는 아래와 같이 나옵니다.

https://search.naver.com/search.naver?where=kdic&query=%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1&ie=utf8&sm=tab_nmr


그냥 제가 정의 하는 자동완성은 검색어에 대한 recommendation 이나 suggestion 기능이라고 생각 합니다.

미미박스에서 구현하고 있는 자동완성 기능은 아래와 같습니다.


기본은 검색결과가 있는 검색어를 대상으로 로그를 수집하며, 최근 일주일 데이터를 기반으로 Near Real Time 반영을 하고 있습니다.

이유는 좀 전까지 존재하던 검색어의 검색결과가 없어지게 되는 경우가 있습니다. 이를 반영해 주기 위해 NRT 색인을 하고 있습니다.


1. 초성 입력에 대한 검색어 제안이 가능 합니다.

검색어 입력) ㅁㅁㅂㅅ



2. 자소분리 입력에 대한 검색어 제안이 가능 합니다.

검색어 입력) 미밉 -> ㅁㅣㅁㅣㅂ


자소 단위 검색은 입력한 자음과 모음을 분리해서 검색이 가능 하도록 해주는 기능 입니다.


3. 한영 변환에 대한 검색어 제안이 가능 합니다.

검색어 입력) alalqkrtm


※ 한영 변환의 경우 영타로만 입력이 가능 할 경우 유용하게 사용할 수 있는 기능이며 자동으로 지원 됩니다.


4. 자동완성 검색어에 대한 검색 베스트 딜 제안이 가능 합니다.

검색어 입력) 미미박스 브러쉬 (선택)


5. 자동완선 검색어에 대한 매칭 검색어에 강조 표기가 가능 합니다.

검색어 입력) 아임미미


6. 바로보기 라는 카테고리와 브랜드 필터 추천이 가능 합니다.

검색어 입력) 틴트


※ 바로보기 란? 우선 급하게 작명을 하다 보니 너무 뻔한 "추천필터", "추천카테고리", "추천브랜드" 등등으로 넣기가 싫었습니다. 하지만 개발자의 작명 실력으로 인해 이름과 기능에 대한 오해를 만들게 되었는데요. 이 기능은 검색어를 기반으로 한 추천 카테고리와 추천 브랜드를 보여주는 검색 필터링 기능 이며, 검색 결과 화면에서 제공되는 카테고리, 브랜드 필터 기능이 되겠습니다.


※ 저 추천 카테고리와 브랜드는 검색어가 완성형으로 입력이 되었을 때만 노출이 되게 됩니다. 이유는 사용자가 입력한 검색어를 조작하지 않기 위함이며 정확한 의도를 반영해 주기 위해서 이와 같이 구현하였습니다. 이 필터와 함께 사용하시면 원하시는 상품에 대한 대상을 좁혀서 검색을 하실 수 있게 됩니다.



좀 더 사용하기 편한 기능과 도움이 되는 정보를 제공드릴 수 있도록 노력 하겠습니다.


※ 본 글은 회사의 입장과는 전혀 상관이 없으며 개인적인 의견으로 작성된 글 임을 알려 드립니다.

:

[Elasticsearch] 쉽게 자동완성 기능 구현해 보기.

Elastic/Elasticsearch 2013. 12. 18. 14:59

뭐 별로 어렵거나 거창하지 않습니다.

자동완성의 경우 오타교정, 사전연동 등등 조합이 필요 하지만 일단 es 에서 제공해 주는 prefix query 를 통해서 아주 쉽게 구현 할 수 있습니다.


[Reference]

http://www.elasticsearch.org/guide/en/elasticsearch/reference/current/query-dsl-prefix-query.html


[Test URI]

http://localhost:9200/idx_local/_search?{"query":{"prefix":{"item_name":"나"}}}

http://localhost:9200/idx_local/_search?{"query":{"prefix":{"item_name":"나이"}}}


[설명]

- name 이라는 문서 필드에 "홍길"로 시작하는 문서를 검색해 줍니다.

- name field 는 기본 index:not_analyzed 로 선언 되어 있어야 합니다.

- 쇼핑 같은데서 인기검색어 자동완성 또는 검색어 자동완성 이런 용도로 활용 하시면 되겠내요.

: