Skip to Content
Go Back
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 CSS가 어려운 이유 — 프로젝트 중심 실전 CSS 강의 소개 2023-04-13
📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12
📌 [번역] CSS 코드 냄새 2013-01-01

jQuery 자동 완성 AutoComplete 플러그인

jQuery UI에서 직접 auto complete를 지원한다. 이제 jQuery UI를 사용하는 게 나을 듯하다. (2011.4.30 추가함.)

——————-

자동완성 플러그인으로 이 데모가 제일 직관적인 듯하다. 그리고 데모에서 다양한 옵션을 볼 수 있게 해 주는 점이 장점이다.

jQuery Autocomplete Plugin Demo(jQuery 자동완성 플러그인 데모)

아직 이 코드가 한글 자동완성까지 지원하는지 확인해보지는 않았다. 예컨대 ㄱ을 입력했을 때 ㄱ으로 시작하는 모든 글자(광주, 거창, 고양, 거제 이런 식으로…)를 찾아 주는 그런 코드 말이다.

만약 그런 기능이 없다면 jQuery 자동완성 플러그인을 참고해 붙이면 될 것이다. 그렇게 하면 공부도 되고, 완성도 있는 자동완성 코드를 만들 수 있을 듯하다.

2010년 2월 24일, 추가 사항

  • 위 플러그인은 파이어폭스에서 한글은 작동하지 않는다. 한글값을 입력해도 autoComplete가 작동하지 않으며, 화살표 아래쪽 방향키를 눌러야 작동한다.
  • 익스플로러에서는 제대로 작동하지만, autoFill을 true로 설정하면 한글 값이 제대로 입력되지 않고 깨지는 것을 발견했다. autoFill이 false인 상태에서는 익스에서 잘 작동한다.

결국 한글에 쉽게 붙일 수는 없다는 것을 알게 됐다.

도대체 네이버와 구글 같은 데는 어떻게 만든 걸까. 당연히 최고수들이 모여 있으니 어렵지 않았겠지만서도;;

라이브러리 공개하면 안 되는 건가;;

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

댓글 (2개)

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다