jquery event binding(여러 요소, 여러 이벤트 동시에 바인딩) 일반적인 이벤트 바인딩 $("#elementID").on("click", function(){ }); 여러 요소/이벤트 동시 바인딩 1. 여러 요소에 한번에 event를 지정할 때 ','로 구분 2. 여러 event를 동시에 바인딩 할 때 on함수 이용 $("#element1ID, #element2ID").on({ blur: function() { }, keydown: function(){ }); Frontend/jquery 2022.03.08
ng-repeat 변경된 데이터 인식/ $apply() 스코프 변수에 값을 넣었지만 html상에서 바로 인식하지 못할 때 apply()를 사용하여 값이 변화된것을 알려야한다. js $scope.reapetList.push(data); $scope.$apply(); html {{item.value}} Frontend/angularjs 2021.11.13
객체배열 중복제거/ filter() 객체 배열의 원하는 속성을 비교하여 제거 가능 var objArr = [{id: aId, name: aName}, {id: bId, name: bName}]; var newResult = objArr.filter((item, i) => { return ( objArr.findIndex((item2, j) => { return item.name === item2.name; }) === i ); }); Frontend/javaScript 2021.11.13
JqGrid row추가, 삭제 / 데이터 추가 방법 addJSONData 한번에 그리드 전체의 데이터를 추가 할 수 있다. $("#GridName")[0].addJSONData(data); 하지만 데이터를 그리드 내부에 저장하는 로직이 들어있지 않아 페이지 이동을 하거나 정렬, 솔트 기능을 사용하면 원래 데이터로 돌아가 버린다. datatype:'local' 인 경우 다른방법 사용할 것 setGridParams 메소드로 data를 업데이트하고 reload $("#GridName").jqGrid("clearGridData"); $("#GridName).jqGrid("setGridParam",{data : data}; $("#GridName").trigger("reloadGrid"); AddRowData 한줄 씩 추가하는 방법 var rowId = $("#G.. gridLib/jqGrid 2021.10.09
vscode 단축키 키보드 단축키 설정창 열기 Ctrl + k + s 사실 여기서 모든 단축키를 다 볼 수 있고 바꿀 수도 있어요!! Keyboard Shortcut 이라서 k+s 입니다 주관적 자주쓰는 단축키 undo/ redo Ctrl + z Ctrl + y JAVA 자동 import Alt + Shift + o 코드 정렬 Ctrl + k + f 주석 처리 Ctrl + / 범위(괄호) 끝으로 이동 Ctrl + Shift + \ 영역 펼치기, 닫기 Ctrl + Shift + [ or ] 한줄 선택 Ctrl + l 전체 선택 Ctrl + a 코드 검색 Ctrl + f 파일(class) 검색 Ctrl + p 명령어 검색 Ctrl + Shift + p / F1 터미널(Terminal) 열기 Ctrl + ` tool 2021.10.04
Spring 구조 / 구성요소 Spring 구조의 구성요소 Controller(web) : 서비스 호출, 연결 Mapper.java(Repository, DAO) : DB에 정보요청/접근 Model(Domain, VO, DTO) : 객체, getter setter Service : Dao가 들고온 VO가공 Mapper.xml : SQL문 / 쿼리 기본적으로 위의 5가지 Class를 생성하여 사용합니다!! 각각 괄호 속의 용어는 정확한 차이점은 모르겠지만 비슷한 용도로 사용합니다. 아래는 개념적 차이를 간단히 정리했는데 보통 정확히 명칭을 구별하지 않고 사용하는 경우가 많습니다. *Mapper / DAO Mapper Mybatis 매핑xml에 기재된 SQL을 호출하기 위한 인터페이스 DAO (Data Access Object) DB에 .. Backend/spring 2021.10.04
jqGrid 속성 확인/변경 그리드를 생성할 때 속성을 옵션으로 명시하는데 그리드 생성 이후에 그리드 전체, 칼럼 별 속성을 확인하고 변경하는 방법이다. gird 생성 예시 var GridColModel = [ { name: 'ColumnName', index: 'ColumnName', align: 'center', width: '10%', editable: false}, ]; var GridColName = GridColModel.map(function(item){ return item.name;}); var GridData = {}; $("#GridName").jqGrid({ datatype: "local", // 가지고 오는 데이터 타입 (xml, json,local) colName: GridColName, colModel: .. gridLib/jqGrid 2021.10.04
jqGrid css style 변경 setCell 이용 $("#GridId").jqGrid('setCell', rowId ,'columnName', "", {'background-color':'#FFB6C1'}); 활용 var Pinkcss = {'background-color':'#FFB6C1'}; var ids = $('#gridName').jqGrid('getDataIDs'); //전체 rowId 가져오기 (배열) var gridData = $("#gridName").jqGrid('getRowData'); for(var i = 0 ; i gridLib/jqGrid 2021.10.04