아는게1도없다

개발환경 : nodejs / mariaDB / JS / jqgrid jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(1) - 그리드 조회 jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(2) - 그리드 수정 jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(3) - 그리드 추가 조회, 수정, 추가 구현했고 마지막 삭제 남았따. 삭제는 아주 간단하다. 먼저 HTML 코드 작성. 삭제버튼 클릭시 이동할 함수 구현 !

개발환경 : nodejs / mariaDB / JS / jqgrid jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(1) - 그리드 조회 jqgrid : 그리드 조회, 수정, 추가, 삭제 전부 구현하기(2) - 그리드 수정 조회 / 수정을 했으니 추가를 구현 해 보자 ! 처음에 그리드 조회 화면에서 추가버튼을 누르면 아래에 새로운 row 가 생기고 inline 형식으로 입력 후 저장버튼을 누르면 데이터가 저장되는 형식으로 만들려고 했으나 현재 셀 수정시 remote 형식을 사용하고 있기 때문에 row 추가할때 한셀 한셀이 입력되게 되는 문제가 있어서 추가할때 inline으로 바꿔주고 또 수정할땐 remote로 바꿔주고 할 수 없어서 추가 버튼 누르면 모달팝업이 떠서 입력 후 저장하는 방식..

오늘도 만난 jqgrid 에러. 어제도 이것때문에 한참 찾다가 아차차 해놓고 또 반복. 그치만 기억이 안나는걸 어떡해.. 바보가 자꾸 내는 에러^^ 수정 후 afterSubmitCell 이후에 에러가 났다. 성공이든 실패든 나버리고 Cannot read properties of undefined (reading '0') jqgrid jqGrid.min.js 파일에서 n[0]번째를 못찾아서 나는 에러... ====> 해결 afterSubmitCell 이벤트는 return값을 [ true , "" ] 이런식으로 설정해야 한다. 진짜 욱기지도 않지ㅠ 오류 해결했다고 적어놓고도 또 찾고 있었으니.. 이번엔 대문짝만하게 적어놨으니 또 뻘짓 할 일은 없겠지 이벤트의 정의를 잘 읽고 리턴타입을 제대로 설정해주자^^제..

jqgrid 리스트 조회 상태에서 cellsubmit : 'remote' 일때 ondbClickRow로 더블클릭시 셀 하나하나 바로 수정 가능하도록 구현하였다. 그리고 나서 submit 전까지 afterEditCell, afterSubmitCell을 호출하게 이벤트를 걸어줬는데 자꾸 ajax 2번 호출하는것이었다.. 다른 리스트 업데이트랑 동일한 코드인데 다른곳에서는 문제가 없는데 이부분에서만 계속 2번 호출하는 이상한 현상;;;; 진짜 별거 별거 다 바꿔봤는데도 다른게 없어서 한참 헤맸다. 토나올뻔 ===> key값을 지정해주지 않아서 발생, key값 지정해주니까 해결됨 다른 리스트들과 다르게 이 리스트는 DB 데이터 1줄밖에 없고 그래서 PK값도 없고 쿼리 날릴때도 where절 안걸어서 날리는데 그래..

개발환경 : nodejs / mariaDB / JS / jqgrid 저번 포스팅에서 화면에 grid 조회를 구현했다. https://daydreamer-92.tistory.com/106 이제 수정이 가능하게 해보자. 수정하는 방법은 1. 체크박스 클릭해서 수정버튼 클릭하고 모달 띄워서 수정하는 방법 2. 수정하고싶은 row 클릭해서 그 row 데이터 전부 수정 후 저장하는 방법 : inline 모드인것 같은데 이거는 cellsubmit 프로퍼티를 clientArray로 주어서 어떻게 해야하는 것 같고 3. 수정하고 싶은 cell 클릭해서 셀 하나하나 단독으로 수정하는 방법 이 정도로 생각을 해봤는데 내가 구현할 것은 3번으로 cell 하나하나를 각각 수정하는 방식으로 클릭시 수정 input으로 바뀌게 되..

시작하기전에 주절거려보자면 자바 스프링만 하던 초짜 신입이 회사때려치고 3년 놀다가 갑자기 회사 입사해서 nodejs를 다루는 상황입..니다.... 그러므로 처음 아무것도 몰랐던 그마음으로 다시 시작해보..자..! 간단한 관리자 웹 페이지를 만드는데. jqgrid를 사용. 메뉴 리스트를 보여주는 화면이다. 리스트 조회까지는 대충 구현이 되어 있는 상태에서. 수정/추가/삭제 구현. nodejs가 어떻게 돌아가는지도 모르고 jqgrid도 처음보는 라이브러리고. 라떼(?)는 js에 var 밖에 없었는데 const와 let이 생겨벌인 이 험난한 세상.. 시작해보자 ! 개발환경 : nodejs / mariaDB / JS / jqgrid 추가 삭제 menumast.ejs 에 넣은 html 코드 부분에 jqgrid가..

index.html index.js import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import App from './App'; import {createStore} from 'redux'; import rootReducer from './Reducers'; const store = createStore(rootReducer); ReactDOM.render( //provider 를 사용하여 react-redux 연동 , document.getElementById('root') ); /* app.js 호출 */ //reportWebVitals(); // If you want ..

# index.html => index.js document.getElementById('root') store 데이터 저장 = createStore Reducers의 index.js에 상태값 저장 app.js (겉 껍데기) 호출 화면을 component로 section을 나눠서 생성 return() 문 안에서 html 작성해서 화면에 뿌려줌

* React 클래스 안에서 return 된 html 코드를 render() 함수를 사용해 화면에 표시 # 리액트 생명주기 Component 별로 관리 - 생성/변경/소멸 생성 1. render() : return 되는 html 형식의 코드를 화면에 그려주는 함수 화면 내용이 변경되어야 할 시점에 자동으로 호출된다 2. constructor(props) : 생명주기함수 중 가장먼저 실행됨. 처음 한번만 호출 component 내부에서 사용하는 변수(state)를 선언하고 부모객체에서 전달받은 변수(props)를 초기화 할 때 사용 super(props) 가장 위에 호출 3. static getDerivedStateFromProps(props, state) 새로운 props를 받게 되면 state를 변경해..

React 설치 1. node.js 설치 다운로드 및 설치 후 버전 확인 node -v / npm -v 2. react 프로젝트를 사용 할 폴더 생성 cmd 에서 폴더로 이동(workspace) yarn 설치 install - yarn / upgrade yarn 버전 확인 yarn -v 3. react 설치 create-react-app (생성 할 프로젝트 이름) 4. 서버 실행 yarn start * react impor받은 프로젝트 실행 안되는 경우 node_modules 있는지 확인

보통 이름이 있을 때 1$('select[id=""]').val("${defaultListRowCnt}"); 뭐 이런식으로 사용하는데 동적으로 생성되서 id나 name값이 여러개일때 Like검색처럼 id값을 찾을 수 있다. ^이걸 사용하는 경우 rowPerPage로 시작하는 id를 찾는것이고$를 사용하는 경우 rowPerPage로 끝나는 id를 찾는것이다.1$('select[id^="rowPerPage"]').val("${defaultListRowCnt}");cs 1$('select[id$="rowPerPage"]').val("${defaultListRowCnt}");cs이렇게 !

동적으로 체크박스를 생성하는 경우 id값이나 class에 대한 제어를document.ready부분에 해주었을 때 인식하지 못하므로(시점문제?) $(document)를 이용하여 체크박스를 제어할 수 있다. 1234567891011121314151617181920212223242526272829303132333435363738394041// 다음 로그인 시 패스워드 변경 클릭시 패스워드 만료기간 제한없음 체크박스 disabled 처리 $(document).on("click", "input[name='setMustChangePW']", function(){ var clickedId = $(this).context.id.replace('setMustChangePW',''); if($(this).context.c..

관리서버 대시보드 만드는 과정에서 자동으로 1 - 2 - 3 -4 -> 1 - 2 - 3 - 4 이런식으로 계속 화면이 로테이션이 되야할때더 좋은 방법이 있겠지만 일단 내가 구현한건 for문을 배열길이의 -1 한 만큼 돌려서 현재 index와 배열의 index가 같을 경우에는 현재 index를 다음 index로 지정해주고 현재 index가 배열의길이 -1과 같을때 ( 배열의 끝의 하나 앞 ) 는 현재 index를 배열의 첫번째 index로 지정해주어 계속 계속 반복되게 해주었다. 1234567891011121314if(!DashboardController.isDraggable()){ for(var j=0;j

radio 버튼을 두개 만들어서, 팝업이 떳을때 자동으로 한개의 radio 버튼이 select되어있고, 선택되지 않은 radio 버튼의 옆엔 selectbox 가 disabled되어있어야 한다.그러면 html 코드는123456789 자동 선택 직접 선택 Colored by Color Scriptercs이런식으로 하나의 radio 에는 checked가 있고 선택되지 않은 radio 버튼 옆의 selectbox는 disabled=true 가 되어있을 것이다.이제 이것을 동적으로 클릭하면 checked 되었던 것이 바뀌고, selectbox가 보여지게 될것이다. 먼저 코드는1234567891011//radio 버튼 클릭 이벤트 $("input:radio[name=host_chk]").click(function..

뭔가 팝업이 뜨거나 모달이 뜰때 데이터를 바로 뿌려야 하는 경우가 있다.나의 경우는 ModelAndView에서 데이터를 가져와 addObject를 해서 바로 뿌려주는데 그때 Selectbox를 표시하거나 , 배열의 값을 전달해야 하는 경우 javascript에서 " + hostList[i++] + "" + "\n"; $("#hostOption").append(appendStr);}Colored by Color Scriptercs 이런식으로 꺼내쓸 수 있다. 2. String[] 형태의 값을 가져오는 경우이경우는 Controller에서 String[] 형식의 배열을 addObject("vmInfoList" , vmInfoArr) 로 넣어주었다. 나는 이걸 JSP 팝업창으로 받아서 , 팝업창에서 ajax를 ..

오랫만에 올리는 포스팅에버노트에 정리하기 시작하니까 포스팅할시간이 없음(다핑계) 쿼리에서 foreach문을 쓸때 배열이나 리스트로 넘겨라고 한다. Hashmap에 넣어라 list에 넣어라 구글 검색하면 말이 많은데, 나는 그냥 배열(String[]) 로 넘기고 싶었음 근데, Helper.java까지 배열로 잘 넘어가는데 자꾸 mybatis로 쿼리타면 에러나고 찾을수 없다는 소리만;;;;;;; 1. JSP에서 ajax 탈때 Arr=string1,string2, 이런식으로 배열로 보내주었다.2. controller에서 받을 때 String[] Arr 로 받았다.3. Service 그리고 Helper.java 에서도 String[] 로 받았는데, Helper.java에서 @Param으로 명시해주어야 한다.1L..

123456789101112131415select schedule_cd from ( select a.manager_cd ,a.schedule_cd ,count(b.vm_uuid) vmCnt from jdn.tb_batch_schedule_t a left outer join jdn.tb_batch_vm_schedule_info_t b on a.schedule_cd = b.schedule_cd where a.schedule_nm = 'auto' group by a.manager_cd ,a.schedule_cd having count(b.vm_uuid)

리스트를 만들면서, checkbox로 선택, 선택해제 하는 게시판을 만들 때 딴에는 기억해둔다고 포스팅을 하였다. http://daydreamer-92.tistory.com/23리스트 체크박스 전체선택 / 해제 하는 소스라며 자신있게 적어놓았는데 어찌나 창피한지. 클래스를 준 후 그 클래스에 해당하는 태그가 전체 선택, 해제 하는 함수로 넘어가는거였는데 하하1.먼저 리스트의 상단이 되는 Top을 checkbox-head 클래스로 주고 group-list(임의의 class 이름)로 클래스를 준다.1cs 2. 다음 리스트가 추가되며 뿌려지는 행에 checkbox-item 클래스를 주고 아까 임의의 class이름을 준것과 같은 이름으로 클래스를 준다(group-list)1""cs 3. 그리고 ready 부분에..

에러 : java.lang.IllegalStateException: Ambiguous mapping found. Controller의 @RequestMapping 의 값이 중복되어 나타나는 에러! (Copy&Paste를 똑바로 하자!) [출처] [에러] 마이바티스 에러 Mapped Statements collection does not contain value for​ ~|작성자 자바킹 출처 : http://ralf79.tistory.com/729

한줄요약 : GET은 가져오는 것이고(select적인 성향) POST는 수행하는 것(값이나 상태를 변경)이다 ! 출처 : https://blog.outsider.ne.kr/312