본문 바로가기

Autocomplete Library 추천 1. 깃허브에서 Autocomplete를 검색해보면 아래와 같습니다. 자바스크립트만 1834개가 검색되요. ㅠㅠㅠㅠㅠ물론 중복도 있겠지만 그래도 넘 많아요. 2. 추천은 !! Autocomplete 라이브러리가 너무 많아서 어떤 걸 사용해야 할지 모르겠다면 !! 저는 awesomplete를 추천해드리고 싶어요.homepage : https://leaverou.github.io/awesomplete/이유는 가볍고, 핵심적인 기능만 담고 있고, 디펜던시도 없기 때문입니다. 3. 물론 제가 모든 Autocomplete 라이브러리를 사용해본건 아니라서 이게 짱이에요는 아닙니다만.사용해보니깐 만족해요 !! 4. 팁 홈페이지에 잘 나와 있어서 그것만 잘 보면 됩니다만!! + input 박스를 클릭했을 때 dropd.. 더보기
Bootstrap3 Typeahead : First Item Select 트위터에서 만들어준 Typeahead.js가 있고,이걸 bootstrap3 기반으로 활용할 수 있도록 만든 Bootstrap3 Typeahead가 있습니다. 이 포스팅에서는 후자에 대한 이야기고요. 일단 URL부터 정리하면 다음과 같습니다. 1. typeahead.js : https://github.com/twitter/typeahead.js2. Bootstrap3 Typeahead : https://github.com/bassjobsen/Bootstrap-3-Typeahead typeahead은 autocomplete 기능을 제공하기 때문에 사용하고 있슴다. 검색이된 item 중에 첫 번째 요소를 무조건 선택한 상태로 만들고 싶었고, 그것은 아래와 같은 코드고 가능했습니다. $(target_id).ty.. 더보기
Bootstrap3 Typeahead 결론부터 말하면 이번 포스팅은 아래 주소에서 제공되고 있는 라이브러리에 대한 이야기 !! url: https://github.com/bassjobsen/Bootstrap-3-Typeahead 저는 2시간 전까지 typeahead 만을 활용해왔는데 이게 기본 설정이 첫 번째 요소를 선택하는 형태는 아닙니다.해결할 수 있는 방법이 꽤 많이 있긴 하던데, 내가 잘못한 것이겠지만 적용이 안되서 문제가 있었어요. 그래서 찾아본 결과 Bootstrap에 적합하게 변경한 듯한 Typeahead를 찾았고 적용했고, 기본적으로 첫 번째 요소를 선택하는 것이 가능해졌습니다. 그래서 간단하게라도 정리!! 1. 일단 생성하는 방법부터 기본 Typeahead와는 차이가 있어요. 아래는 예시입니다. Bootstrap3 Typea.. 더보기