자바스크립트로 검색바 만들기!

지난 이틀간 자바스크립트로 검색바를 만드는데 약 12시간을 사용했다. 카카오 api를 가져와서 프론트에서 바로 처리해주는 방식으로 검색바를 만들었다. 기본적인 로직은 이렇다.

1. input을 만든다.

2. input안의 입력된 값들을 keyup될 때마다 val()로 받아온다.

3. ajax로 카카오 주소 검색 api에 연결한다

4. input에서 받아온 스트링을 카카오 주소 검색 query로 넣어준다.

5. 응답값에서 주소를 파싱하여 input에 다시 되돌려 준다.

구체적인 코드는 다음 포스팅에 적어보겠다!