주식 종목 실시간 검색 및 자동완성 구현하기 jQuery Autocomplete 를 이용
2022. 7. 20.
구글 스프레드 시트로 주가 수익률 관리를 할 때 새 종목을 등록할 때 HTML 폼과 구글 앱스 스크립트로 최대한 자동화하여 사용하고 있습니다. 다음은 새 종목을 생성하는 화면입니다. 종목명을 검색 하면 종목이 검색 되고 종목코드, 시장등이 자동으로 채워집니다. 기타 정보를 입력 하고 저장하기를 누르면 새 종목이 생성됩니다. 구글 스프레드 시트에서는 엑셀 시트에 있는 데이터(서울경제 전 종목 시세)를 가져와서 구현했으나 주가정보를 JSON포맷의 데이터로 제공하고 있어 구글 시트 없이도 HTML 페이지에서 바로 구현 가능하도록 예제를 만들었습니다. 이 글은 jquery 를 이미 알고 있다고 가정하고 쓰는 글입니다. jQuery Autocomplete 플러그인예제는 https://jqueryui.com/aut..