기록

.zindex9999{ z-index: 9999; } 팝업창이 2개이상일때 팝업창의 앞뒤순서를 지정하기위해 zindex속성설정 $("#popup").dialog({ height: 300, width: 400, modal: true, //true: 부모화면 클릭 불가능 draggable: true, title: "popup", dialogClass: "zindex9999", //class 적용 buttons: [ { text: 'Ok', click: function () { }, }, { text: 'Close', click: function () { $(this).dialog("close"); }, } ] });

Bulk Insert는 쿼리 전후로 이루어지는 작업들을 줄여줘서 반복문으로 쿼리를 여러번 날리는 것보다 속도가 빠름. sql values에 값들을 배열로 넣어주기 INSERT INTO TABLENAME(COL1, COL2) VALUES (col11, col21), (col12, col12) spring에서는 foreach문 사용 INSERT INTO TABLENAME(COL1, COL2) VALUES (#{item.col1}, #{item.col2})

일반적인 방법으로 arr전송시 에러가 발생. (ajax에서 controller로 넘어가기 전에 데이터 형태가 맞지않다는 에러) Controller 파리미터 부분에 @RequestParam(value="CREATEDDATAS[]") String[] CREATEDDATAS @RequestParam(value="CREATEDDATAS[]") List CREATEDDATAS @RequestParam(value="CREATEDDATAS") List CREATEDDATAS 위와 같은 방법을 시도했지만 계속 에러가 나서 아래 방법으로 해결함! ajax var data = [{"key1" : "data1", "key2" : "data1"}, {"key1" : "data2", "key2" : "data2"}]; func..

자바 스크립트의 데이터 타입 기본 데이터 타입 (원시 타입) string, number, null, undefined, symbol 참조형 데이터 타입 Array, Object 참조형 데이터는 변수가 객체의 주소를 가리키는 값 -> 복사된 값(주소)이 같은 값을 가리킴. var obj2 = obj1; 그래서 위와같이 일반적인 복사를 하면 복사한 데이터(obj2)를 수정하면 원본 데이터(obj1)도 같이 변경됨. -> 얕은 복사가 일어남!! 얕은 복사 Shllow Copy 이처럼 객체를 복사할 때 원본과 복사본이 같은 참조주소를 갖는 것을 얕은 복사라고 한다. 깊은 복사 Deep Copy 깊은 복사는 복사본의 원본과의 참조가 완전히 끊어진 객체를 말한다. 참조 공간도 같이 복사된다. 1. 배열 복사 sli..

jQuery에서의 슬라이드(slide) 효과는 해당 요소의 CSS height 속성값을 빠르게 변경하여 표현. target 요소가 스르륵 접히고 펼쳐지는 효과를 구현할 수 있다!! 파라미터 : .slideToggle( [움직임 시간(duration)] [, 늦춤 함수(easing)] [, 움직이고 나서 실행할 함수(callback)] ) 기본은 400 (0.4초)이다. 숫자 대신 “slow”(600), “fast”(200) 등의 예약어도 사용가능 $("#elementId").slideUp(500); // id가 "elementId"인 요소를 0.5초 동안 올라가면서 사라지게 한다. slideUp() : 요소를 사라지게함. slideDown(): 요소를 나타냄. slideToggle(): 현제 요소의 상태..

1. callback 함수란? 다른 함수의 인자로 넘겨져 함수 실행 후에 실행되는 함수. 자바스크립트는 동기식 처리를 하기 때문에 2개 함수를 연이어 작성할 경우 앞의 함수가 끝나기 전에 뒤의 함수가 먼저 실행되는 경우가 있는데, 앞의 함수가 실행된 다음 뒤의 함수가 실행되게 하고싶은 경우 사용하는 방법 중 하나이다. 또는 먼저 실행된 함수의 결과값을 받아 사용해야하는 함수일 경우에 사용한다. 2. 작성 방법 Func1을 호출할때 파라미터로 Func2의 name을 넘김. function Func1(param, callback) { $.ajax({ url: url, type: "POST", contentType: "application/json", dataType: "json", data: param, a..

Event Bubbling jQuery 이벤트가 여러 번 실행되는 경우. target 요소의 부모 태그들도 이벤트에 반응함. 1.stopPropagation() / preventDefault() 가장 일반적인 이벤트 버블링을 방지하기 위한 방법!! e.stopPropagation() 현재 이벤트가 부모에게 전파되는 것을 방지 e.preventDefault() 현재 이벤트 기본 동작 중지 *기본 동작: a태그의 페이지 이동, submit 태그 form 안에 있는 input 등을 전송 $("#elementId").on('click', function(e) { e.stopPropagation(); e.preventDefault(); }); 2. stopImmediatepropagation() 1번의 두가지를 ..

일반적인 이벤트 바인딩 $("#elementID").on("click", function(){ }); 여러 요소/이벤트 동시 바인딩 1. 여러 요소에 한번에 event를 지정할 때 ','로 구분 2. 여러 event를 동시에 바인딩 할 때 on함수 이용 $("#element1ID, #element2ID").on({ blur: function() { }, keydown: function(){ });

기본 컨텍스트 메뉴를 막을 영역에 아래 코드 추가

스코프 변수에 값을 넣었지만 html상에서 바로 인식하지 못할 때 apply()를 사용하여 값이 변화된것을 알려야한다. js $scope.reapetList.push(data); $scope.$apply(); html {{item.value}}