소개요즘 웬만한 쇼핑몰이나 포털 사이트에는 전부 검색어 자동완성 기능이 있는 걸 볼 수 있다.
HTMLHTML은 검색어 입력을 받을
CSS여기서는 기능 구현에만 초점을 맞출 것이므로 CSS는 거의 건들지 않기로 했다. JS
* 마지막으로, 불러온 데이터를 미리 만들어둔 HTML 에 뿌려주기만 하면 된다.
실행화면전체 코드See the Pen 검색자동완성 by junzero741 (@junzero741) on CodePen. 회고아직은 데이터를 그냥
불러와서 보여주는 수준인 점이 아쉽다. 또 사용자 입력이 0.5초간 멈췄을 때 데이터를 불러와서 띄워주는 로직이므로, 좋았던 점은 아직도 잘 이해가 가지 않는 비동기랑 통성명은 한 느낌..? |