본문 바로가기

728x90

Programing/Javascript, JQuery

(10)
[JQuery] 데이터 조회시 로딩 이미지 보여주기(Ajax) [JQuery] 데이터 조회시 로딩 이미지 보여주기(Ajax) ajax 코드 $.ajax({ type : "POST", url : currentHostPath+"요청주소", data : { key : value }, // 로딩 이미지 보여주기 beforeSend:function(){ $('.wrap-loading').removeClass('display-none'); }, // 로딩 이미지 감추기 complete:function(){ $('.wrap-loading').addClass('display-none'); }, success : function(filePath) { printJS(filePath); }, error : function(data) { console.log("fail: ",data);..
[JavaScript] Number.MAX_SAFE_INTEGER && Number.MIN_SAFE_INTEGER [JavaScript] Number.MAX_SAFE_INTEGER && Number.MIN_SAFE_INTEGER The Number.MAX_SAFE_INTEGER constant represents the maximum safe integer in JavaScript (2^53 - 1). -> Js에서 안전한 최대 정수 값을 의미 / 최소값을 구하는 문제를 풀때 초기화 역할로 사용 const x = Number.MAX_SAFE_INTEGER + 1; const y = Number.MAX_SAFE_INTEGER + 2; console.log(Number.MAX_SAFE_INTEGER); // expected output: 9007199254740991 console.log(x); // expected o..
[JavaScript] Math 함수 정리 [JavaScript] Math 함수 정리 Math is a built-in object that has properties and methods for mathematical constants and functions. It’s not a function object. -> Math 객체는 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트 표준 내장 객체이다. -> 생성자가 존재하지 않아서 따로 인스턴스를 생성하지 않더라도 Math 객체의 모든 method나 property를 바로 사용할 수 있다. 자주 사용하는 함수 정리 Math.min(x,y,z....) 가장 작은 값 반환 Math.max(x,y,z....) 가장 큰 값 반환 Math.random() 0보다 크거나 같고 1보다 ..
[javascript] 테이블 셀 병합 (jQuery) [javascript] 테이블 셀 병합 (jQuery) /* * * 같은 값이 있는 열을 병합함 * * 사용법 : $('#테이블 ID').rowspan(0); * */ $.fn.rowspan = function(colIdx, isStats) { return this.each(function(){ var that; $('tr', this).each(function(row) { $('td:eq('+colIdx+')', this).filter(':visible').each(function(col) { if ($(this).html() == $(that).html() && (!isStats || isStats && $(this).prev().html() == $(that).prev().html() ) ) { r..
[JavaScript] 숫자 세자리마다 콤마 찍기 [JavaScript] 숫자 세자리마다 콤마 찍기 function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } 출처 http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript How to print a number with commas as thousands separators in JavaScript I am trying to print an integer in JavaScript with commas as thousands separators. For e..
[JQuery] file rename, move 참고 blog [JQuery] file rename, move 참고 blog codechacha.com/ko/java-rename-or-move-file/ Java - 파일 rename, move 하는 방법 Java에서 다양한 방법으로 파일의 이름을 변경하거나 이동시킬 수 있습니다. Java6의 File을 이용하거나, Java7의 NIO 패키지, Files와 Path를 이용할 수 있습니다. 또한 Guava나 Common IO 등의 방법을 이용할 codechacha.com
[JavaScript] jsTree plugin으로 TreeView 구현 [JavaScript] jsTree plugin으로 TreeView 구현 jsTree란? - jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources and AJAX loading. 포스팅할 순서 1) jsTree 생성 방법 2) 모든 Node가 펼쳐진 상태로 Load하는 방법 3) Drag & Drop (move_node) 이벤트 Drop 되는 시점에 조건 추가 ..
[Javascript] 입력창에 정수값만 입력받기(유효성 체크) [Javascript] 입력창에 정수값만 입력받기 Form 형태로 서버에 값을 전송하다보면 Validation Check가 제대로 이루어지지 않아 발생하는 문제들이 많다. -> 꼭 필요한 input값이 비어있는 경우-> 입력되어야하는 자료형과 다른 자료형이 입력된 경우( e.g.) int값 입력 자리에 string값이 들어간 경우) Controller로 값 전송 전, Validation Check를 위한 방법으로는 크게 두가지 방법이 있다. 1. Submit 전에 조건을 걸어 확인하는 방법 if ($("#test").val() == '') { alert('값을 입력하세요.'); $("#test").focus(); return; } 2. Input창에 값이 입력될때 올바르지 않은 자료형이 들어왔을때 다른 ..

728x90
반응형