일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- JavaScript
- memcached
- spring file download for path
- spring boot
- java8
- Java
- java 버전별
- grafana local
- Java21
- 그라파나 설치
- java file download for path
- 리눅스
- url 파일 다운로드
- MySQL
- k6 gui
- grafana 설치
- SpringBoot
- 도커
- java9
- java file download for url
- React
- CentOS6
- grafana windows
- jvm
- spring
- windows grafana 설치
- spring file download for url
- docker 설치
- k6 granafa influxdb
- docker
- Today
- Total
목록2. JS (88)
개발자의 길
event.stopPropagation() 을 이해하기 위해서는 우선 HTML 상에서 사용자 이벤트가 어떻게 전달되는지 이해해야 합니다. 웹에서의 클릭이벤트 전파 propagation 의 사전적의미는 전파, 확산입니다. 사용자가 마우스로 웹페이지 내의 버튼을 클릭했을때 대부분의 사람들은 버튼만 반응했다고 생각하게 됩니다. 하지만 웹페이 내부에서는 버튼을 감싸고 있는 부모 태그들 또한 클릭 이벤트에 반응하게 됩니다. 이것을 Bubble Up(버블업)이라고 합니다. 위 슬라이드 우측의 문서구조를 보면 a 태그는 li, ul 의 두개의 부모태그가 있습니다. 사용자가 a 태그를 클릭했을때 클릭이벤트는 a 태그를 감싸고 있는 li, ul 태그로 순차적으로 전달되게 됩니다. 즉 a 태그의 onclick -> li ..
httpRequest = getXMLHttpRequest(); httpRequest.open("get"."/master.txt",true); httpRequest.send(null); open() 함수 1. 첫번째 인자 Http 메서드를 지정한다 2. 두번째 인자 접속할 URL을 입력한다. 웹브라우저의 보안상 이유로 접속할 URL은 현재페이지와 같은 도메인에 있어야 한다 3. 세번째 인자 true= 비동기방식 false=동기방식 GET 방식 전달 httpRequest = getXMLHttpRequest(); httpRequest.open("get"."/master.jsp?id=woo&pw=1234",true); httpRequest.send(null); POST 방식 전달 httpRequest = get..
차트 (Chart) 사이트 모음 ExtJS (sencha) - http://www.sencha.com/products/extjs/examples/ Jqplot - http://www.jqplot.com/tests/ FusionChart - http://www.fusioncharts.com/ Highchart - http://www.highcharts.com/ jQuery Sparklines - http://omnipotent.net/jquery.sparkline/#s-about jQWidgets - http://www.jqwidgets.com/jquery-widgets-demo/index.htm JS chart - http://www.jscharts.com/examples OpenFlashChart - ..
http://hakim.se/experiments http://www.effectgames.com/demos/canvascycle/ http://mudcu.be/sketchpad/
AJAX JSON JQUERY $.getJSON('/my/url', function(data) { }) IE8+ request = new XMLHttpRequest request.open('GET', '/my/url', true) request.send() request.onload = function() { data = JSON.parse(this.response) } Post JQUERY $.ajax({ type: 'POST', url: '/my/url', data: data }) IE8+ request = new XMLHttpRequest request.open('POST', '/my/url', true) request.send(data) Request JQUERY $.ajax({ type: 'GE..
1 2 3 4 5 6 7 8 9 10 11 12 $(function() { $("#image_list_1").jQBanner({ //롤링을 할 영역의 ID 값 nWidth:600, //영역의 width nHeight:150, //영역의 height nCount:5, //돌아갈 이미지 개수 isActType:"up", //움직일 방향 (left, right, up, down) nOrderNo:1, //초기 이미지 nDelay:2000 //롤링 시간 타임 (1000 = 1초) /*isBtnType:"li"*/ //라벨(버튼 타입) - 여기는 안쓰임 } ); });
//달력 $.datepicker.setDefaults({ closeText:"닫기", prevText:"이전달", nextText:"다음달", currentText:"오늘", monthNames:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"], monthNamesShort:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"], dayNames:["일요일","월요일","화요일","수요일","목요일","금요일","토요일"], dayNamesShort:["일","월","화","수","목","금","토"], dayNamesMin:["일","월","화","수","목","금","토"],..
//요놈 필수
jQuery(function($){ var loading = $('').appendTo(document.body).hide(); $("*").ajaxStart(function(){ loading.show(); }).ajaxStop(function() { loading.hide(); }); });