개발 & 프로그래밍 주식 종목 실시간 검색 및 자동완성 구현하기 jQuery Autocomplete 를 이용 2022. 7. 20. 구글 스프레드 시트로 주가 수익률 관리를 할 때 새 종목을 등록할 때 HTML 폼과 구글 앱스 스크립트로 최대한 자동화하여 사용하고 있습니다. 다음은 새 종목을 생성하는 화면입니다. 종목명을 검색 하면 종목이 검색 되고 종목코드, 시장등이 자동으로 채워집니다. 기타 정보를 입력 하고 저장하기를 누르면 새 종목이 생성됩니다. 구글 스프레드 시트에서는 엑셀 시트에 있는 데이터(서울경제 전 종목 시세)를 가져와서 구현했으나 주가정보를 JSON포맷의 데이터로 제공하고 있어 구글 시트 없이도 HTML 페이지에서 바로 구현 가능하도록 예제를 만들었습니다. 이 글은 jquery 를 이미 알고 있다고 가정하고 쓰는 글입니다. jQuery Autocomplete 플러그인예제는 https://jqueryui.com/aut.. 구글 앱스 스크립트 웹 앱에서 모바일화면 지원하기 2021. 4. 12. 구글 스프레드 시트의 웹 앱에서 모바일 기기에 맞게 화면을 맞춰주는 기능입니다. 보통 모바일 화면에 맞게 페이지를 보여 주려면 이렇게 해주면 동작을 하는데 구글 스프레드 시트내의 스크립트 편집기에 있는 HTML 페이지의 meta 태그를 추가해도 되지 않더군요. 웹 앱을 만드는 방법은 2가지 방법이 있는데 1) HTML 파일을 읽어서 웹으로 표시 , 2) HTML 코드를 그대로 전달 하는 방식입니다. 1) HTML 파일을 읽어서 웹으로 표시 function doGet(e) { // 폼을 불러 들인다. var template = HtmlService.createTemplateFromFile("htmlpage.html"); template.secNames = secName; // 스크립틀릿 매개변수 전달 .. 이전 1 다음
