devLog[08014] auto Search

STep 9 auto Search

• 검색어를 입력하면 자동완성결과가 노출된다.
  API는 여기를 요청한다.
  https://docs.google.com/spreadsheets/d/1Z1EHT3meGchLY4FB0DBFqXmol_P4nteoNdMgEyt8IUo/edit#gid=1258152012

• 노출된 데이터 중 검색어와 일치하는 단어는 색깔이 하이라이트 돼여 보여진다.

• 입력창의 내용을 백스페이스로 삭제해도 일치하는 자동완성결과가 노출된다.

• 자동완성 결과는 키보드 위/아래키로 이동할수 있다.

• 자동완성 결과를 키보드 방향키로 이동시에 선택부분의 배경색은 변경된다.

• 선택된 상태에서 엔터키를 입력하면 해당검색어가 위쪽 검색input창에 추가된다.

• 동시에 검색결과창은 사라진다.

• 실제 검색버튼을 눌러도 검색이 이뤄지진 않으며, 자동완성 결과 창은 닫힌다.

1. 검색어를 입력하면 자동완성결과가 노출된다.

Input_MDN

1.0 리스트 마크업 form아래에 추가하기
1.1 검색어가 입력될 때 ajax통신 기존에 입력된 검색어들을 통신을 통해서 가지고 온다.

Issue

const mainDomain = http://crong.codesquad.kr:8080/`` 슬래시를 붙이고 뒤에서 연결되는 부분에서 /또 붙여서 cross-origin 문제가 터졌었는데 한참을 찾았었다 +_+;;;; 꼼꼼해지자