728x90
반응형

Front/JS & jQuery 454

[js] 배열의 합

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

Front/JS & jQuery 2022.06.19

[js] 숫자 배열 정렬하기 - sort()

// 배열 오름차순 정렬 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보다 앞에 온다. 그래서 오름차순 정렬시에..

Front/JS & jQuery 2022.06.17

[js] json배열의 값 가져오기

탭의 여러메뉴 중에 선택된 값 ( 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형태일 ..

Front/JS & jQuery 2022.06.15

[jQuery] 이벤트 핸들러 (Event Handler) 란?

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

Front/JS & jQuery 2022.06.13

[jQuery] .off() - 이벤트 해제하기

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

Front/JS & jQuery 2022.06.12

[jQuery] daterangepicker 사용 ( 기간 검색하기 )

datepicker는 jQuery 에서 제공하는 달력 위젯인데, 쉽게 말하면 datepicker는 달력 1개 daterangepicker는 달력 2개가 띄워져서 기간으로 날짜를 선택가능하다는 것이다. dataranepicker를 사용하려면 우선 jQuery파일들을 import해야한다. $( 'selector' ). daterangepicker() ; 하면 선택한 요소에 daterangepicker 위젯이 띄워진다. ex ) $('input[name="dates"]').daterangepicker(); 참고사이트에 예제와 option들과 event 종류에 대해 자세히 설명되어있어 첨부한다. 참고: https://www.daterangepicker.com/ Date Range Picker — JavaScri..

Front/JS & jQuery 2022.06.09
728x90
반응형