MINYA

.not() .not()은 제이쿼리로 선택한 선택자(요소)들 중에서, 특정 선택자(요소)만을 제외하는 함수입니다. 자주 사용되는 함수는 아니지만 종종 필요한 경우가 있더라구요. html 클릭해보아요 1 2 3 4 5 6 7 8 9 10 SCRIPT $('button').click( function() { $('li').not('li.none').css('color', 'red'); });

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..

정렬 검색 - ORDER BY 를 이용한 검색 SELECT 문의 검색 결과 테이블의 투플 순서는 DBMS에서 정한 순서로 출력됨 결과 테이블의 내용을 사용자가 원하는 순서로 출력하는 방법 ==> ORDER BY 키워드 사용 기본 형식 SELECT [ ALL ㅣ DISTINCT ] 속성_리스트 FROM 테이블_리스트 [ WHERE 조건 ] [ ORDER BY 속성_리스트 [ ASC ㅣ DESC ] ]; ORDER BY 속성_리스트 : 정렬 기준이 되는 속성을 지정 여러 기준에 따라 정렬하기 위하여 정렬 기준이 되는 속성을 차례로 제시 ASC : 오름차순 정렬 DESC : 내림차순 정렬 기본 정렬 방식 – 오름차순 정렬 정렬 오름차순 정렬 : 알파벳 순서 / 사전 순서, ASCII 코드의 순서 내림차순 정렬..

조건 검색 - NULL 을 이용한 검색 검색 조건에서 속성의 값이 NULL인지 비교하기 ==> IS NULL 키워드 사용 검색 조건에서 속성의 값이 NULL이 아닌지 비교하기 ==> IS NOT NULL 키워드 사용 예제에 사용할 판매 데이터베이스 Customer 테이블 Items 테이블 Orders 테이블 Customer 테이블에서 주소(address)가 입력되지 않은 고객의 account, name을 검색하시오. [TIP] NULL인지 비교하기 위하여 속성이름=NULL을 사용하면 안됨 투플을 수정 (UPDATE) 할 경우 UPDATE customer SET address=NULL WHERE account=’king’; 옳은 질의문 SELECT account, name FROM customer WHER..