전체 글(175)
-
[Modal_Callback]_모달 팝업 사용자 선택 Boolean 값으로 콜백 받기
환경] 개발툴 : IntelliJ DB : oracle 프레임워크 : spring , mybatis 사용 언어 : ES6, Java , Html5 , CSS 개요] 데이터를 저장, 수정을 하는데 있어 사용자에게 확인을 받아야 하는 경우가 있습니다. 예를 들어 "입력하신 정보를 저장하시겠습니까?" 라는 알람창이 뜬 다음 사용자가 확인 버튼을 눌러야 실행이 되고, 취소버튼을 누르면 API를 호출하지 않는 경우입니다. 이를 공통함수로 원하는 옵션을 부여하여 출력할 수 있도록 해보았습니다. 참고 CSS : http://yoonbumtae.com/?p=3632 자바스크립트: 모달(modal window) 만들기 - BGSMM 모달 창이란 사용자 인터페이스 디자인 개념에서 자식 윈도에서 부모 윈도로 돌아가기 전에 ..
2022.11.04 -
[JMeter]_부하 테스트 도구 JMeter
개요 솔루션 개발이 완료 될 무렵 코드의 성능 테스트를 해야 합니다. 동시접속시 속도 유지를 테스트 한다던지, 에러 발생이 얼마나 나는지, 응답 속도의 평균이 얼마가 되는지 알도록 도와주는 오픈소스 툴이 있습니다. 오늘은 JMeter 를 사용해서 간단히 테스트 하는 방법을 알아보겠습니다. 테스트 대상 개발 한 WebService 프로그렘 테스트로 Local환경의 Spring Web Application 을 테스트 해보았습니다. 사용 툴 JMeter 설치 공식 사이트 https://jmeter.apache.org/ Apache JMeter - Apache JMeter™ Apache JMeter™ The Apache JMeter™ application is open source software, a 100%..
2022.10.28 -
[Oracle]_날자 , 요일 추출_그룹 핑 후 순번 매기기
개요 테이블에 저장된 날자 정보를 토대로 해당 날자의 저장 횟수 (로그인한 횟수) 접속한 날자의 요일 접속한 날자의 Day 일 을 쿼리를 통해서 추출 사용 함수 해당 날자데이터를 요일로 추출 to_char(createDate,'day') 요일 해당 'YYYY-MM-DD' 형식 데이터를 DD 만 추출 substr(trunc(createDate,'dd'),7,2) dd 해당 'YYYY-MM-DD' 데이터를 날자의 '일' 데이터로 추출 EXTRACT(day from createDate) 그룹핑 이후 얼마나 중복되는지 순번을 매겨주는 함수 row_number() over (partition by createDate order by createDate) 예제 유저접속기록 테이블 원래는 'YYYY-MM-DD' 만 ..
2022.10.25 -
[Tomcat]_MaxPostSize_feat(intelliJ)
개요 Tomcat 서버를 사용하면서 뷰어 목록을 출력하는 화면에서 데이터 조회 후 뷰어를 생성하는 과정에서 DB오류가 아닌 Tomcat 오류가 발생하였다. 확인해보니. Parameter post 사이즈에 제한으로 인해서 오류가 발생하였다. 해결 tomcat server.xml 의 maxPostSize = "-1" 을 부여하면된다. (Default : 2MB) IntelliJ 기준 수정 방법 설명 상단의 tomcat Edit configuration 선택 경로를 복사하여 이동합니다. 해당 경로의 conf 폴더 선택 폴더 안의 server.xml 편집기로 열기 connector 부분 수정 위와 같이 maxPostSize = "-1" 로 수정하면 설정이 끝납니다. 감사합니다.
2022.10.21 -
[Mybatis]_MyBatis의 동적 태그 정리
개요 Mybatis 나 IBatis 를 사용하여 쿼리문을 작성할 때 특정 조건, 혹은 파라미터의 존재 유무에 따라 ex)_ 페이징 처리 비슷한 쿼리를 여러개 작성해야 합니다. 이렇게 비슷한 쿼리를 여러개 생성하는 것 보다. MyBatis 에서 제공하는 동적쿼리를 사용하면 한 쿼리 안에 여러가지의 경우의 수를 가진 쿼리를 작성 할 수 있습니다. - MyBatis의 동적 태그에는 if, choose, where, trim, foreach가 있습니다. 1. IF 문 : 단일 조건문 기본 문법 ] //실행할 쿼리 예시] AND user_Name = #{userName} 전달 파라미터 : userName 비교문 : userName 이 null이 아니거나 "" (공백) 이 아닐경우 쿼리 실행 쿼리 내용 : 이전에 ..
2022.10.19 -
[MyBatis]_동적 쿼리_foreach문_feat(List<Map>데이터)
사용환경] DB : oracle FrameWork : Spring, mybatis 목표] 클라이언트에서 한가지 key 와 value 로 이루어진 json 데이터 뿐 만 아니라 파라미터에 List 데이터가 담긴 경우 여러 API 를 발송하는 것이 아니라 한번에 수정하도록 구현 사용함수&방법] 화면] 문법] MyBatis foreach collection : 파라미터로 전달받은 인자, list 혹은 Array 형태만 가능 item : 전달받은 인자를 대신할 값 open : 구문이 시작될때 삽입할 문자열 close : 구문이 종료될때 삽입할 문자열 separator : 반복 되는 사이에 출력할 문자열 index : 반복되는 구문 번호이다. 0부터 순서대로 증가 +@ iBatis property : 파라미터 p..
2022.10.19 -
[Autocomplete]_jQuery UI 사용법, 예제
환경 Tool: Intellij Framework : Spring Language : ES6,JQuery DB : ORACLE 목적 input 태그에 자동완성 기능 구현 데이터는 ORACLE DB 의 값 조회 AutoComplete 에 커스텀 Class 적용방법 사용 라이브러리 UI-JQuery AutoComplete https://jqueryui.com/autocomplete/#content Autocomplete | jQuery UI Autocomplete Enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering. The Autocom..
2022.09.30 -
[Element Event 탐지]_F12 개발자 도구 활용법
개발 환경 : ES6 , jQuery 문제 발생 : custom 한 jQuery 이벤트 명칭 찾기 해결 방법 : $._data($("#id")[0],"events"); 혹은 jQuery._data($("#id")[0],"events"); 개발을 하면서 퍼블리싱 업체가 준 datepicker 에 change 이벤트를 발생시키고 싶을때 문제가 발생했습니다. ("#target).on('change',function(){ //events }) 위의 코드를 적용시켜도 반응이 없었습니다. 해당 엘리먼트에 걸려있는 이벤트를 확인하기 위해 다음과 같은 방법을 사용하였습니다. let test = document.querySelector("#id"); getEventListeners(test); 동적으로 F12(개발자 도..
2022.09.01 -
[Oracle]_NVL 사용 (DATE,Number) 비교
사용환경] DB : oracle FrameWork : mybatis,ibatis 문제 발생] NULL 처리 시도 방법] CASE WHEN 을 사용 NVL 함수를 사용 NVL 을 사용했을 때 문제가 되었던 점을 정리해 보았습니다. 날자, Number 을 비교했을 때 문제 발생 NVL 의 경우 NVL(target,result) 로 2가지 인자를 받습니다. 만약 target 이 DATE 나 INT 일 경우 동일한 자료형으로 바꿔줄 수 있습니다. 이를 치환할 target 자료형에 맞춰야 합니다. 제가 한 부분은 null일 경우 '-' (하이픈) 처리를 해야 했고, 값은 varchar 이를 group 하여 오름차순 정렬을 해야 했습니다. 해결방법 null은 null 대로 반환이 필요하고 0의 값은 별도로 존재하며..
2022.08.29 -
[Sheet.js]_EXCEL 파일 업로드
환경 Spring ES6 목적 input type = "file" 에 엑셀파일 업로드 하여 해당 엑셀의 데이터 추출 후 api 전송을 위한 json 데이터 화 사용 라이브러리 Sheet.js 설치 및 적용은 다음 포스트 참고 https://yn971106.tistory.com/146 [Sheet.js]_Sheet.js 설치 및 적용 환경 javascript : ES6 환경 제약 IE 를 제외한 브라우저에서는 거의 사용 가능 목적 input 태그의 type= file 에 엑셀파일을 업로드 , 데이터 수집에 특화된 라이브러리 설치 설치 공식사이트 https://sheetj yn971106.tistory.com HTML 이런 input 박스에 엑셀파일을 다운로드 하기 위한 script 작성 script 1. ..
2022.08.12 -
[Sheet.js]_Sheet.js 설치 및 적용
환경 javascript : ES6 환경 제약 IE 를 제외한 브라우저에서는 거의 사용 가능 목적 input 태그의 type= file 에 엑셀파일을 업로드 , 데이터 수집에 특화된 라이브러리 설치 설치 공식사이트 https://sheetjs.com/ SheetJS SheetJS Tools for Excel Spreadsheets sheetjs.com 다운로드 https://cdn.sheetjs.com/ https://cdn.sheetjs.com/ cdn.sheetjs.com 해당 사이트에서 https://cdn.sheetjs.com/xlsx-0.18.10/package/dist/xlsx.full.min.js 로 접속하여 마우스 우클릭 -> 다른이름 저장 저장된 파일을 프로젝트에 집어넣고 해당 경로로 s..
2022.08.12 -
[Moment.js]_선택한 달의 평일, 주말 수 구하기
목적 동적으로 클라이언트의 날자 데이터를 받고, 해당 월의 윤달 등이 고려된 상황에서 해당 달의 평일 ( 월, 화, 수, 목, 금) 의 수를 구하고 해당 달의 주말 ( 토, 일) 의 수를 구하는 방법 해결 Moment.js 를 사용하여 구현 가능 설치 다음 포스트 참고 https://yn971106.tistory.com/136 [Moment.js]_JS 날짜 라이브러리 Moment.js 라이브러리란? 자바스크립트 날짜관련 라이브러리 중 가장 많이 사용했었던 라이브러리 입니다. 너무 큰 사이즈 차지 등의 문제로 더이상 업데이트는 하지 않는 라이브러리 입니다. 하 yn971106.tistory.com 코드 1. 시작, 끝일 선언 moment 가 설치되어 있는 환경에서 startOf 메소드와 endOf 메소드..
2022.07.26