전체 글 233

jqGrid 데이터 한 페이지 씩 들고 오기 (onPaging)

화면 설명 기존 grid의 데이터를 한번에 들고오는데 데이터 양이 많을 때 시간이 너무 오래걸림. => 한 페이지씩 들고오도록 하는데 전체 페이지 수를 표시해야 함. 아래 그림에서 textBox는 실제 입력받는 변수x, 눈에 보이도록 임의로 textBox사용함. 화면 설정 select(조회)버튼 클릭하면 1. count쿼리 실행 => 결과값 totalLowCount에 바인딩, totalLowCount가 change 될 때 totalPageNum도 다시 계산 2. onePageSelect쿼리 실행 => 그리드에 바인딩 3. 그리드 text 설정 (Page {} of {} 부분에 수동으로 값 넣어 줌) *한 화면에서 여러 그리드를 쓸 경우 $("#gridpager1_center .ui-pg-input") $..

gridLib/jqGrid 2023.11.21

정렬 알고리즘(Quick Sort, Merge Sort)

퀵 정렬(Quick Sort) 분할 정복(divide and conquer) 방법을 통한 정렬로, 하나의 pivot(축)을 정해서 이 pivot보다 작은 값은 왼쪽에 큰값은 오른쪽에 위치시키는 방법입니다. quickSort 함수는 재귀적으로 배열을 분할하고 정렬합니다. 분할된 배열은 기준보다 작은 부분과 큰 부분으로 나뉘어서 정렬이 이루어집니다. function quickSort(arr) { if (arr.length

데이터 가져오기(getRowData, getGridParam('data'), getLocalRow)

getRowData getRowData 함수는 현재 페이지에 표시된 행들의 데이터만을 가져옵니다. hidden 컬럼의 데이터는 가져오지 않습니다. 그리드에 표시된 컬럼 순서 그대로(colModel과 같은 순서) 가져옵니다. var data = $("#"+gridId).jqGrid("getRowData"); //모든 데이터를 들고오는 코드 let grid = $("#" + gridId); let currPage = grid.jqGrid('getGridParam', 'page'); let lastPage = grid.jqGrid('getGridParam', 'lastpage'); var allData = []; for(let i = 1; i

gridLib/jqGrid 2023.11.14

formatter

formatter jqGrid의 formatter는 표시된 데이터의 형식을 사용자 지정하는 데 사용되는 기능입니다. 주로 데이터를 특정한 형식으로 변환하거나 특정한 스타일을 적용하는 데에 활용됩니다. formatter 종류 1. 'integer' 및 'number' formatter 정수 또는 부동 소수점 숫자를 특정 형식으로 표시할 때 사용됩니다. 예를 들어 천 단위 구분기호를 추가하거나 소수점 이하 자릿수를 지정할 수 있습니다. { name: 'price', index: 'price', formatter: 'number', formatoptions: { decimalPlaces: 2, thousandsSeparator: ',' } } 2. 'date' formatter 날짜를 특정한 형식으로 표시할 ..

gridLib/jqGrid 2023.11.08

비밀번호 암호화/인증 (spring security 계정 생성)

암호화 사용자를 생성 할 때 DB에 암호화 하여 비밀번호 저장. @RequestMapping(value = "/passwordEncode", method = RequestMethod.POST) @ResponseBody public String passwordEncode(@RequestBody String password, HttpServletRequest request) { BCryptPasswordEncoder passwordEncoder = new BCryptPasswordEncoder(10); String hashedPassword = passwordEncoder.encode(password); return hashedPassword; } 인증 passwordEncoder.matches(presen..

Backend/spring 2023.11.06

[javaScript] 프로그래머스 - H-Index

H-Index https://school.programmers.co.kr/learn/courses/30/lessons/42747 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr - 문제 H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다. 어떤 과학자가 발표한 논문 n편 중, h번 이상 인용된 논문이 h편 이상이고 나머지 논문이 h번 이하 인용되었다면 h의 최댓값이 이 과학자의 H-Index입니다. 어떤 과학자가 발표한..

[javaScript] 프로그래머스 - K번째수

K번째수 https://school.programmers.co.kr/learn/courses/30/lessons/42748 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr - 문제 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입..

[javaScript] 프로그래머스 - 가장 큰 수

가장 큰 수https://school.programmers.co.kr/learn/courses/30/lessons/42746 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr - 문제0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요.예를 들어, 주어진 정수가 [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]를 만들 수 있고, 이중 가장 큰 수는 6210입니다.0 또는 양의 정수가 담긴 배열 numbers가 매개변수로 주어질 때, 순서를 재배치하여 만들 수 있는 가장 큰 수를 문..