jQuery Ajax / hightcharts / Bithum API 비트코인 실시간 그래프 그리기

소개 비동기 통신(jQuery Ajax)으로 Bithum API 을 이용해서 실시간 그래프 그리는 것을 알아보겠습니다. 다음 결과들은 거래 금액 데이터를 사용했습니다. 이더리움 알파체잉, 이더리움, 리플 참고 아래 링크들을 참고했습니다. No.1 가상자산 플랫폼, 빗썸 비트코인, 이더리움, 비트코인캐시, 리플, 라이트코인, 대시, 모네로, 비트코인골드, 이오스, 이더리움클래식, 퀀텀, 제트캐시, 실시간 시세, 쉽고 안전한 거래 www.bithumb.com Bithumb API 응답 유형들입니다. Highcharts #Live data There are basically two ways of working with a live data feed from the server in Highcharts. Use..
Language/Javascript 2020. 8. 12. 17:02

Summernote 사용하기

Summernote Bootstrap을 기반으로 디자인 된 WYSIWYG editor 이다. 업로드 기능을 지원하지 않는다. Summernote - Super Simple WYSIWYG editor summernote.org 사용방법 아래 가이드를 참조했습니다. Summernote - Super Simple WYSIWYG editor Get Summernote summernote.org Summernote 는 bootstrap 기반이므로 jquery, bootstrap 을 불러옵니다. (CDN 이용) 높이 , 포커스 설정 $('#summernote').summernote({ height: 300, minHeight: null, maxHeight: null, focus: true });
Language/Javascript 2020. 8. 3. 15:50

네이버 SmartEditor2 사용하기

SmartEditor2 SmartEdtitor™ 는 JavaScript로 구현된 웹 기반의 WYSIWYG editor 이다. WYSIWYG 모드 및 HTML 편집 모드와 TEXT 모드, 자유로운 폰트 크기 설정 기능, 줄 간격 설정 기능, 단어 찾기/바꾸기 기능 등 편집에 필요한 다양한 기능을 제공한다. naver/smarteditor2 Javascript WYSIWYG HTML editor. Contribute to naver/smarteditor2 development by creating an account on GitHub. github.com 다운로드 위 Github 에서 다운로드 받으실 수 있습니다. 사용방법 아래 링크의 사용자 가이드를 참고해보았습니다. 2.0 버전 설치 · GitBook N..
Language/Javascript 2020. 8. 3. 15:18

jQuery highcharts 를 이용한 실시간 그래프 그리기

Highcharts #Cross domain data It is not possible to use the jQuery .getJSON() function on JSON files outside of your own domain. It is however possible to use JSONP. The difference between JSON and JSONP is that in a regular JSON file you would just use the ordinary www.highcharts.com tdiethe/flask-live-charts Live charting demo using flask and highcharts. Contribute to tdiethe/flask-live-charts..
Language/Javascript 2020. 7. 28. 16:54

jQuery Ajax 다루기 -1 : GET / POST

Ajax Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다. 표현 정보를 위한 HTML (또는 XHTML) 과 CSS 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, JSON 등을 이용할 수 있다. 장점 페이지 이동없이 고속으로 화면을 전환할 수 있다. 서버 처리를 기다리지 않고, 비동기 요청이 가능하다. 수신하는 데이터 양을 줄일 수 있고, 클라이언트에게 처리를 위임할 수도 있다. 단점 Ajax를 쓸 수 없는 브라우저에 대한 문제가 있다. HTTP 클라이언트의 기능이 한정되어 있다. 페이지 이동없는..
Language/Javascript 2020. 7. 28. 14:02

jQuery Mincolors(색상피커) 플러그인 사용하기

MiniColors 색상 코드를 선택할 수 있는 JQuery MiniColors 의 사용법을 소개합니다. jQuery MiniColors labs.abeautifulsite.net 위 사이트에 들어가면 다운로드 및 예제를 보실 수 있습니다. 사용법 먼저 다음 파일을 구합니다. jquery.min.js jquery.minicolors.min.js jquery.minicolors.css 예제에 보면 절차가 나와있지만 좀더 쉽게 해보겠습니다. F12 를 눌러서 개발자 도구를 열어 소스를 봅니다. head 부분에 다음과 같이 스크립트를 긁어옵니다. 선택하실 수 있는 괜찮은 옵션입니다. data-control : hue / wheel / saturation data-format : hex / rgb thema :..
Language/Javascript 2020. 7. 13. 16:50