반응형 Library & Framework48 [Lodash] 배열 교집합(intersection) 구하기 intersection lodash에서 제공하고 있는 intersection() 메서드의 경우 단순하게 여러 개의 동일한 값을 가지고 있는 배열의 중복 데이터만을 추출한다. // _.intersection([arrays]) const arr1 = [1, 2, 3, 4, 5] const arr2 = [3, 4, 5, 6, 7] console.log(_.intersection(arr1, arr2)) // [3, 4, 5] 여기서 결과값의 순서와 참조는 첫 번째 배열에 의해 결정된다는 것만 알고 가면 될 듯하다. 참고: https://lodash.com/docs/4.17.15#intersection Lodash Documentation _(value) source Creates a lodash object w.. 2023. 3. 8. [Lodash] 배열 중복 제거하기 (ft. uniq, uniqBy, union, unionBy) uniq lodash에서 제공하고 있는 uniq() 메서드의 경우 단순하게 여러 개의 동일한 값을 가지고 있는 배열의 중복 데이터를 제거한다. // _.uniq(array) const arr1 = [1,1,1,3,3,4,5,2,6,4,7] console.log(_.uniq(arr1)); // [1,3,4,5,2,6,7] uniqBy 아마 사용하게 된다면 위에서 설명한 uniq메서드보다는 uniqBy 메서드를 좀 더 많이 사용하지 않을까 생각된다. uniqBy() 메서드는 "중복을 구분할 속성"값을 두번째 인수로 사용이 가능하다. // _.uniqBy(array, identity) const search = [ { id: 12, title: 'testest', name: 'jack', age: 26}, {.. 2023. 2. 22. [Lodash] Lodash란? Lodash Lodash는 개발을 하다 보면 한 번쯤은 들어보거나 접해볼 수밖에 없는 Javascript의 인기있는 라이브러리 중 하나이다. 나 역시 Lodash에 대해 아무것도 모르던 때가 있었는데도 불구하고 검색을 하다 보면 자연스레 알게 되었다. Lodash는 배열, 숫자, 객체, 문자열 등으로 작업할 때 번거로움을 없애고 쉽게 다룰 수 있게끔 하는 데 사용된다. 그렇기에 보통 Lodash는 유틸용 라이브러리라고 봐도 무방하다. 하지만 하나 알아둬야 할게 Lodash를 많이 사용하긴 하지만 꼭 좋기만 한 건 아니다. https://measurethat.net/Benchmarks/Show/6534/1/lodash-vs-es6-in-find-method Benchmark: lodash vs es6 in.. 2023. 2. 21. [jsTree] 검색(search plugin) 감지하기 jstree 에서 제공하는 plugin중에 하나인 search에 대해 알고 있다는 가정하에 작성한다. https://mine-it-record.tistory.com/397 2022. 2. 12. [jqGrid] 특정 셀 편집(editable) 유무 설정하기 (ft. editable-cell, not-editable-cell) - 특정 셀 편집(editable) 유무 설정하기 - jqGrid를 사용하다보면 cellEdit 옵션을 통해 편집모드를 사용하여 셀을 편집하게 되는 경우가 있는데, 이때 "editable-cell", "not-editable-cell" 이라는 클래스 속성을 통해 편집 유무를 설정할 수 있다. 예제를 통해 몇가지 방법에 대해 배워보자. ▷ 1. cellattr 옵션을 통한 편집 유무 설정하기 (ft. 편집 방지) cellattr : function(rowid, value, rawObject, cm, rdata){ //필요에 따라서 if 조건문을 걸어 조건에 맞는 cell만 편집 방지 return "class='not-editable-cell'"; }, cellattr 옵션은 jqgrid에서 사용되는 col.. 2021. 12. 30. [jqGrid] 다중 선택(multiselect) 적용하기 (ft. 기능 on/off) - 다중 선택 기능 적용하고 기능 on/off 시키기 - jqGrid를 옵션을 통해 multiselect(다중 선택) 기능을 적용시켜 보자. https://mine-it-record.tistory.com/290 [JavaScript] jqGrid 다양한 옵션 및 사용법 모음 (colmodel, option, event, methods) - jqGrid 다양한 옵션 모음 - 옵션에 대해 알아보기 이전에 일단 아래와 같은 기본 구조를 가지고 시작한다 치고 진행 하도록 한다. ▷ 기본 구조 var searchResultColNames = ['게시글관리번호', '번호', '제 mine-it-record.tistory.com 위 게시글을 들어가보면 알겠지만 기본적으로 제공해주는 옵션이 존재하는데 그게 multis.. 2021. 10. 21. [jqGrid] 특정 컬럼 보여주고(show)/ 숨겨주기(hide) - 특정 컬럼 숨기고 보이기 - jqGrid 표준 메서드를 사용하여 특정 컬럼을 보여주고 숨겨주는 방법에 대해 알아보자. ▷ 예제를 위한 그리드 테이블 ▷ 특정 컬럼 숨기기 (hideCol) $('#data-grid').jqGrid('hideCol', 'x'); //단일 $('#data-grid').jqGrid('hideCol', ['x','y']); //복수 ▷ 결과 ▷ 특정 컬럼 보여주기 (showCol) $('#data-grid').jqGrid('showCol', 'x'); //단일 $('#data-grid').jqGrid('showCol', ['x','y']); //복수 ▷ 결과 2021. 10. 21. [jqGrid] 특정 컬럼/셀(Cell)의 값, 클래스, 스타일 등 변경하기 (ft. setCell) - setCell을 사용한 특정 컬럼의 값, 클래스, 스타일 등 속성 변경하기 - jqGrid에는 특정한 컬럼의 셀을 수정하는데에 사용되는 다용도의 메서드가 존재한다. setCell이라는 jqGrid 내장 메서드에 대해 알아보도록 하자. 이 setCell 메서드는 신기하게도 특정 컬럼 셀의 값을 변경하거나 스타일을 변경 등이 가능하여 자주 사용된다. 하나하나 사용법에 대해 알아보자. ▷ 특정 컬럼의 값 변경하기 (ft. 빈값으로 만들기) // 기본 사용법 $('#mainGrid').jqGrid('setCell', rowid, cellname, data); // jqg14의 id를 가진 row의 mine 컬럼/셀의 값을 record로 변경한다. $('#mainGrid').jqGrid('setCell', '.. 2021. 10. 19. [jQuery] isEmptyObject() - 객체에 값이 있는지, 비었는지 체크하기 객체의 빈값 여부를 찾는 방법은 다양할 수 있는데,그 중에서 jQeury에서 제공해주는 jQuery.isEmptyObject() 메서드에 대해 알아보고자 한다. ▷ 구문 - jQuery.isEmptyObject(object) - $.isEmptyObject(object) (둘이 같은 의미이다.) 예제를 통해 알아보도록 하자. ▷ 예제1) jQuery.isEmptyObject({}); //true jQuery.isEmptyObject({it : 'mine'}); //false $.isEmptyObject({}); //true $.isEmptyObject({it : 'mine'}); //false 참조 : https://api.jquery.com/jquery.isemptyobject/ jQuery.isEmp.. 2021. 7. 1. 이전 1 2 3 4 5 6 다음 반응형
