인생 데이터베이스

Programming/자바스크립트

[JavaScript] ajax와 ROWNUM을 통한 무한스크롤

1. SQL / myBatis mapper 부등호는 태그로 인식하여 에러가 나므로 로 처리해준다. Controller => Service => Dao => mapper 의 경로로 jsp에서 스크롤을 내릴때마다 start와 end에 +9를 해주어 1~9 / 10~18 / 19~27 ... 이런 식으로 ROWNUM을 통해 DB에서 값을 가져온다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 SELECT * FROM (select rownum as rownumber, p.* from PRODUCT p JOIN GOODS_CATEGORY ON (CATENAME = PRODUCT_CATEONE) WHERE CATECODE = 10 ) a WHERE a.rownumber = ]]> #{st..

SQL/Oracle

[SQL] 사용자별 댓글 별점 평균 구하기

1. 댓글(REPLY) 테이블의 게시글 번호와, 별점 조회. SELECT PRODUCT_NO, REPLY_STAR FROM REPLY; 2. 게시글 번호의 평균 조회 (AVG, SUM등의 집계함수는 집계함수를 제외한 컬럼을 GROUP BY절로 묶어 주어야 한다.) SELECT PRODUCT_NO, AVG(REPLY_STAR) FROM REPLY GROUP BY PRODUCT_NO; 3. 소숫점 첫째자리로 반올림 SELECT PRODUCT_NO, ROUND(AVG(REPLY_STAR),1) FROM REPLY GROUP BY PRODUCT_NO; 4-1. 게시글 테이블의 게시글 작성자 이름 조회 SELECT MASTER_NICKNAME, PRODUCT_NO FROM PRODUCT; (JOIN은 컬럼명이 같..

Programming/자바스크립트

[JavaScript]문자열을 배열로 변환 후 구분자로 잘라내기

1234567 let category = 'a,b,c,d'; let arr = category.split(","); for(a in arr){ console.log(a + " : " + arr[a] + " 배열 : " + arr); } Colored by Color Scriptercs split("값") : 문자열을 값으로 구분하여 하나하나 인덱스로 배열에 담는다. for(a in b) : a는 인덱스, b는 원래의 (객체 or 배열)이다. b[a]로 (객체 or 배열)의 value값을 가져올 수 있다. => 출력값

Programming/자바스크립트

[JavaScript / JQuery]event객체 받아오기.

** JavaScript 이벤트 객체 const a = function(param){ console.log(param); } // JavaScript에서는 파라미터로 event를 넘겨주게 되면, // 현재 해당하는 event에 대한 객체 정보를 얻어올 수 있게 된다. // 출력 결과 // 또한, this와 함수명으로, 파라미터로 정보를 얻어올 수 있게 된다. 이벤트 객체 const a = function(param, param2, param3){ console.log(param); console.log(param2); console.log(param3); } // 출력 결과 ** JQuery 이벤트 객체 $("button").click(function(e){ console.log(e); // event객..

Programming/자바스크립트

[JavaScript/JQuery]키보드 입력, 마우스 클릭을[A.K.A 이벤트] 막고 싶을 때, event.preventDefault(); / e.preventDefault();

123456// enter 키 이벤트$(document).on('keydown', 'textarea', function(e){ if(e.keyCode == 13) { e.preventDefault(); // 엔터키가 입력되는 것을 막아준다. }});Colored by Color Scriptercs

Programming/자바스크립트

[JavaScript/JQuery] append(), appendTo()로 추가한 요소에 script 이벤트가 작동하지 않을 때

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 31 32 33 34 35 36 37 $("#abc").append(" click "); $('#test').click(function(){ alert('a'); }); 동적으로 append 한 요소에 이벤트를 걸어도 DOM Tree 구조에서는 새로 작성된 div#test를 찾지 못하여, 이벤트 바인딩에 실패하게 됩니다. $(document).on("click","#test",function(){ alert('a'); /* $(document).on("이벤트","선택자",함수(){}); id가 test인 태그를 click했을 때 function(){} 중괄호 안..