I'm sw engineer!

.filter() 메서드는 특정기준과 일치하는 모든 요소를 반환한다. $("p").filter(".intro") ➡️ 클래스가 "intro" 인 모든 요소를 반환 참고 : https://www.w3schools.com/jquery/traversing_filter.asp jQuery filter() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com

화살표 함수 를 쉽게 설명하면, function 키워드와 식별자를 빼주고 소괄호와 중괄호 사이에 => (화살표)를 넣는것. 식별자가 없기 때문에 호출을 할 수가 없다. 함수표현식을 사용하여 변수에 화살표 함수를 할당해주면 다른곳에서 호출해여 쓸 수 있다. 화살표함수의 특징 1 함수의 중괄호 안에 return 식만 포함이 된다면, 중괄호와 return을 지우고 표현해도 정상적으로 작동된다. console값이 40으로 찍힌다. 화살표함수의 특징 2 매개변수가 하나라면 소괄호를 생략가능하다. console값이 100으로 찍힌다. 화살표함수의 특징 3 매개변수가 없다면 소괄호만 작성한다. console값이 3.14로 찍힌다. 화살표함수의 특징 4 return 값이 객체일때 + return 식만 존재할 때 주의해..

var table = $('#example').DataTable({ ajax: 'https://gyrocode.github.io/files/jquery-datatables/arrays.json', createdRow: function(row, data, dataIndex){ // If name is "Ashton Cox" if(data[0] === 'Ashton Cox'){ // Add COLSPAN attribute $('td:eq(1)', row).attr('colspan', 3); // Hide required number of columns // next to the cell with COLSPAN attribute $('td:eq(2)', row).css('display', 'none'); $(..

function addPct(value){ if ( isNaN(value) ) { // 값이 없어서 NaN값이 나올 경우 value = 0.0; } return value; } 비율을 구하는 코드식을 짜고 있는데 0 / 0을 계산하니 값이 NaN 으로 뜨는 문제점이 발생하였다. 그래서 계산된 value값이 NaN 일 때 0.0으로 값을 반환해주는 메서드를 작성하여 문제를 해결하였다.

EtcResult = arr.reduce( function add(sum, currValue){ return sum+ currValue; },0); reduce() 함수가 자바스크립트에서 배열의 합계를 구해주는 함수이다. reduce() 는 sum ( 누적 합계 )와 currValue( 현재 배열 값 )을 파라미터로 받는다. 함수뒤에 0은 초기값 ( 초기 sum 값 )을 설정해둔것이다. 혹시라도 빈배열에 적용했을 때 에러를 방지하기 위해서는 초기값을 설정해두는 것이 좋다. 참고: https://cocobi.tistory.com/134

// 배열 오름차순 정렬 function Ascending(arr){ arr.sort((a, b)=> a - b); } // 배열 내림차순 정렬 function descending(arr){ arr.sort((a, b)=> b - a); } ( sort () 함수 ( Array.prototype.sort )는 파라미터를 생략할 경우 문자열로 값을 취급하기 때문에 숫자배열도 문자열로 치환되어 아스키코드에 따라 정렬이 된다. 파라미터로 ( a, b )=> a - b를 전달하면 반환값이 0보다 작으면 ( a - b 0 ) b가 a보다 앞에 온다. 그래서 오름차순 정렬시에..

https://www.w3schools.com/jquery/eff_hide.asp jQuery hide() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com $('#slMamt').on('click', function() { $(".mqty").hide(); $(".mamt").show(); }); $('#slMqty').on('click', function()..

탭의 여러메뉴 중에 선택된 값 ( a태그의 id값 ) 을 받아서 -> 키값 해당 키의 value값을 가져와 파라미터로 전달하여 메서드를 실행시키는 로직을 짜보았다. json배열 [ key값 ] - > json배열의 값이 반환된다. function setSearch(){ var Json = { et : "0", bu : "1", to : "2", sg : "3", pl : "4", } const key = btnId; const code = Json[key]; etList( code ); } 나의 포스팅 : https://imswengineer.tistory.com/136 [javascript] json배열의 키 값 구하기 - Object.keys() 배열의 데이터들이 '키 : 값' 형태인 json형태일 ..

https://imswengineer.tistory.com/104 [jQuery] Event 일회성 이벤트 one( 'event' , data, 동작함수) ➡️ bind()와 동일하지만 이벤트가 한번 실행된후 unbind()된다 마우스 이벤트 - click : 마우스를 클릭할 때 발생 - dbclick : 마우스를 더블클릭할 때 발생 -. imswengineer.tistory.com event 에 대한 설명을 해놓은 포스팅을 같이 첨부한다. 사용자가 웹페이지를 이용할 때 수많은 이벤트들이 존재한다. ( 클릭, 마우스오버, 글을 입력하는 등등... ) 이러한 이벤트를 처리하기 위해 사용하는 함수를 event handler ( 이벤트 핸들러 )라고 한다. onclick() , onchange() 등등 이러한..

Syntax .off() .off( event ) .off( events [, selector ] ) .off( events [, selector ] [, handler ] ) ➡ .off() 메서드는 연결된 이벤트 핸들러를 제거한다. ➡ + () 안에 특정 이벤트를 작성하면 해당 이벤트만 제거된다. ➡ + selector (선택자)까지 작성하면 해당 선택된 영역에서 해당 이벤트만 제거된다. ➡ + handler까지 적어주면 해당 선택영역의 해당이벤트를 제거하고 새로운 이벤트가 실행된다. 참조 https://api.jquery.com/off/ .off() | jQuery API Documentation Description: Remove an event handler. The .off() method r..