·JS
문제 위와 같은 디자인을 구현하던 중 문제가 발생했습니다. 일단 검색창에 focus 이벤트가 발생하면 옵션창이 뜨고, blur 이벤트가 발생하면 다시 사라지도록 하였습니다.또한 옵션에 click 이벤트가 발생하면 선택된 옵션을 데이터 리스트에 추가하도록 하였습니다. 하지만 생각과는 달리 옵션의 onClick 에 등록한 이벤트 핸들러가 아예 실행되지 않는 걸 알 수 있었습니다. 해결 방법 onClick 대신 onMouseDown 에 이벤트 핸들러를 등록한다. onMouseDown={(e) => { e.preventDefault() }} 를 추가하고, onClick은 그대로 둔다. 여러 블로그를 통해 해결 방법을 찾을 수 있었지만, 명확한 설명은 찾을 수 없었습니다. 왜 mousedown 이벤트를..
