MINYA

그룹별 검색 - GROUP BY 특정 속성 값이 같은 투플을 모아 그룹을 만들어 검색 GROUP BY 키워드를 사용 기본 형식 SELECT [ ALL ㅣ DISTINCT ] 속성_리스트 FROM 테이블_리스트 [ WHERE 조건 ] [ GROUP BY 속성_리스트 [ HAVING 조건 ] ] [ ORDER BY 속성_리스트 [ ASC ㅣ DESC ] ] ; 예제에 사용할 데이터베이스 Orders 테이블 GROUP BY 질의 : Orders 테이블에서 주문 제품별 (item) 수량의 합계를 검색하시오. SELECT item, SUM( qty ) as 총주문수량 FROM orders GROUP BY item; [TIP] 그룹별로 검색할 때, 그룹을 나누는 기준 속성을 SELECT 절에 작성하는 것이 좋다 S..

클래스(Class) 포함 여부 확인 jQuery를 통해 Javascript 코드 상에 HTML 객체(Object)를 제어하는 경우가 많이 있습니다. 이 때에 객체의 특정 class 값을 이용하여 다수의 객체에 동시 접근하여 제어를 하거나 한 번에 동일한 CSS를 적용하는 등 다양한 용도로 사용할 수 있습니다. html 예제 아래의 div HTML 객체는 3가지의 class 속성 값을 가지고 있습니다. ... hasClass 함수 사용 ID가 div_test 인 객체가 class apple 을 가지고 있는지 체크합니다. hassClass 는 해당 객체가 파라메터로 들어온 속성 값을 가지고 있는 경우 true를 반환합니다. 이 함수는 JQuery 1.2 버전에서 추가되었습니다. if($("#div_test"..

jQuery(제이쿼리) 선택자에 변수 넣기 직접 선택자를 정의해서 사용하지 않고, 이벤트로 특정 값을 가져와서 선택자로 사용할 경우 사용합니다. index로 선택하기 let test = 'selectTest'; $('[index='+ test + ']'); id로 선택하기 let test = 'selectTest'; $('#'+ test ); class로 선택하기 let test = 'selectTest'; $('.'+ test );

jQuery(제이쿼리) 형제 요소의 탐색 DOM 트리에서 특정 요소의 형제(sibling) 요소 즉, 같은 선상에 있는 요소를 선택하기 위한 메소드는 다음과 같다. .siblings() 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다. .next() 선택한 요소의 바로 다음에 위치한 형제 요소를 선택한다. .nextAll() 선택한 요소의 다음에 위치한 형제 요소를 모두 선택한다. .nextUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .prev() 선택한 요소의 바로 이전에 위치한 형제 요소를 선택한다. .prevAll() 선택한 요소의 이전에 위치한 형제 요소를 모두 선택한다. .pre..

배열 순서 거꾸로(뒤에서부터, 반대로) 출력하기 배열을 뒤집을 일이 뭐가 있겠냐만은 혹시나 필요한 분들을 위해. reverse(); 를 사용합니다. 응용해서 사용해보세요~ let testReverse = new Array(); testReverse.push(1,2,3,4,5,6,7,8,9); console.log(testReverse); console.log('순서대로 출력 : ' + testReverse); console.log('거꾸로 출력 : ' + testReverse.reverse());

moment.js COUNTDOWN(카운트) 기능 moment.js에는 COUNTDOWN기능도 있습니다. moment.js 다운로드 js를 다운 받아서 moment.js 로 저장. 아래와 같이 사용 let setTimeId; function startTimer(setTime) { // 타이머 중복 실행 방지로 기존 시작된 타이머를 리셋하여 점점 빨라지는 오류를 방지 clearInterval(setTimeId); let countDownDate = moment().add(setTime, 'seconds'); setTimeId = setInterval(function () { let diff = countDownDate.diff(moment()); if (diff

날짜 포맷 함수(Date 포맷 함수) Date format javascript moment.js 플러그인을 쓰면 더 많은 기능들이 있습니다. 하지만 아래처럼 직접 공통된 js 파일에 선언하고 날짜 포맷만 사용하셔도 됩니다. // script Date.prototype.format = function(f) { if (!this.valueOf()) return " "; var weekName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var d = this; return f.replace(/(yyyy|yy|MM|dd|E|hh|mm|ss|a\/p)/gi, function($1) { switch ($1) { case "yyyy": return d.getFull..

제이쿼리로 table td 또는 ul li 값 가져오기 How to get the text value of td or li(html) 간단히 this 를 사용해서 가져옵니다. 아이디를 직접 정의하기 보다는 클래스로 정의해서 사용합니다. // html 값1 값2 값3 값4 여기1 여기2 여기3 여기4 // script $(".test-td td").click(function(){ console.log($(this).text()); }); $(".test-li li span").click(function(){ console.log($(this).text()); });

자바스크립트로 아이디, 이메일 유효성 검사 아이디와 패스워드가 적합한지 검사하는 정규식 입니다. 이메일이 적합한지 검사하는 정규식 입니다. function validate() { // 아이디와 패스워드가 적합한지 검사할 정규식 // 4자~ 12자 사이 var regexIdAndPw = /^[a-zA-Z0-9]{4,12}$/ // 이메일이 적합한지 검사할 정규식 var regexEmail = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; var id = document.getElementById("id"); var pw = document.getElementById("pw"); var email = d..

AVG(평균), SUM(합), COUNT 특정 속성 값을 통계적으로 계산한 결과를 검색 집계 함수 (Aggregate Function)를 사용 열 함수 (Column Function)라고도 함 개수, 합계, 평균, 최댓값, 최솟값의 계산을 제공 집계 함수 [주의 사항] NULL 인 속성 값은 제외하고 계산함. WHERE 절에서는 사용할 수 없고 SELECT 절과 HAVING 절에서만 사용할 수 있음. 예제에 사용할 판매 데이터베이스 Customer 테이블 Items 테이블 Orders 테이블 AVG(평균) SELECT AVG ( price ) FROM items; 속성이름으로 AVG(price)을 사용함 AS 키워드를 사용해 이름을 부여 새이름에 공란이 포함된 경우 작음따옴표로 묶는다. SELECT AV..