분류 전체보기 175

[읽어볼 거리] 엑셀 다운로드

엑셀 다운로드 기능을 구현하면서 찾아본 내용입니다. https://techblog.woowahan.com/2698/ 아 엑셀다운로드 개발,,, 쉽고 빠르게 하고 싶다 (feat. 엑셀 다운로드 모듈 개발기) | 우아한형제 {{item.name}} 1. 들어가며 안녕하세요! 정산시스템팀 병아리 개발자 최태현입니다. 최근에 엑셀 다운로드 개발을 편하게 할 수 있는 모듈을 만들게 되었습니다. 제가 엑셀 다운로드 모듈을 만들게 techblog.woowahan.com

읽은 책 2023.11.02

[DataTable plug-in] 데이터 테이블 생성

데이터 테이블 플러그인의 사용방법에 대해 알아보겠습니다. HTML 준비 아래와 같이 HTML table 태그를 준비하면 된다. DataTable 생성 방법 type: 요청 보내는 방법 (GET, POST 등등) contentType: 요청 보내는 데이터 Type에 대해 정의하는 곳. dataType: 응답을 받는 데이터 Type을 정의하는 곳. data: 요청 보내는 데이터를 정의하는 곳이다. dataSrc: 응답으로 받은 데이터를 중간에서 조작 할 수 있다. columnDefs: 컬럼별 조작을 할 수 있는 곳. 생성 방법 1. jQuery의 selector를 사용해서 Id로 target_table을 가지고 있는 HTML 태그를 불러온다. $("#target_table").DataTable({ ajax:..

[읽어볼 거리] jQuery DataTable 서버 사이드

DataTable의 ajax 를 사용하면 서버로 파라미터 값들을 보내주는데 나는 파라미터 그대로 while 반복문을 사용해서 추출했었다..!(1차 내용) 그런데 @RequestBody MultiValueMap를 사용해서 Map으로 받을 수 있는 부분이 신기 방기했고 (2차 내용) MultiValueMap를 사용하지 않고 간편하게 추출할 수 있다.(3차 내용) 내용 수정을 할 수 있도록 곧 하겠씁니다. https://zamezzz.tistory.com/310 [JavaScript #11] dataTables 사용하기 (2) ● dataTables - 2 오늘은 지난 포스팅에 이어 dataTables의 server-side processing에 대해서 정리하겠습니다. 너무 많은 데이터 행을 처리할 때는 너무..

읽은 책 2023.10.23

[Spring Framework] 오류 페이지 처리 1탄

해당 글은 인프런 김영한 강사님의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 을 보고 정리한 내용입니다. 자바 실행 자바의 main 메서드를 실행하는 경우 main 이라는 이름의 쓰레드가 실행된다. 에러가 발생하고 잡지 못하면 main 쓰레드가 예외 정보를 남기고 종료된다. 웹 애플리케이션 사용자 요청 별로 별도의 쓰레드가 할당 되고, 서블릿 컨테이너 안에서 실행된다. try ~ catch로 예외를 잡으면 아무런 문제가 없지만 잡지 못하고 서블릿 밖으로 전달되면 서블릿의 오류 페이지 요청 흐름 WAS → 필터 → 서블릿 → 인터셉터 → 컨트롤러 ⇒ 정상요청 WAS ← 필터 ← 서블릿 ← 인터셉터 ← 컨트롤러(예외발생) ⇒ 예외발생 WAS “/error-page/500" → 필터 → 서블릿 → 인터..

[DataTable plug-in] 데이터 테이블 컬럼 검색

💡 데이터 테이블 컬럼별 검색 및 검색 초기화 방법 에 대해 작성해 보았습니다. (※ 정답이 아닐 수 있습니다. 저만의 방법으로 구현했습니다.) 빠른 결론: 컬럼마다 값을 초기화하고 테이블을 draw 하는 방법이다. HTML 준비 검색에 필요한 컬럼 개수만큼 th 태그를 직접 생성해야 한다. ... 필요한 개수 만큼 ... DataTable 컬럼 생성 target_table의 Id를 가진 테이블 태그의 thead tr을 복사(clone)하고 추가(appendTo)하게 된다. target_table 테이블의 thead tr 중 첫 번째에서 th를 반복문(each)으로 호출하고 html을 추가한다. $('#target_table thead tr').clone(true).appendTo('#target_tab..

java.io.IOException: 장치에 남은 공간이 없음

테스트 서버에 접속하니까 에러가 발생하여 로그를 확인했더니 용량이 없다고 한다. 문제점 ERROR [ehcache.store.disk.DiskStorageFactory]: Disk Write of globalMenuCache failed: java.io.IOException: 장치에 남은 공간이 없음 문제 부분 확인 df -h 또는 df -i 명령어를 사용해서 용량 확인 가능 /dev/mapper/centos-root 에서 100% 사용중이라고 나오고 있다. 문제 발생 원인 로그를 지우지 않고 쌓고 있는 중이다. => 로그는 원래 지우지 않고 다른 저장공간에 백업을 한 이후 지워야 한다고 함. 진짜 로그 문제일까? => 어떤 부분이 용량을 사용 중인지 확인할 수 있는 방법이 필요하다. 해결방법 필요없는 ..

회사 업무 2023.10.05

[읽어볼 거리] 라이브러리, 모듈, 플러그인 차이점

글을 읽을 때마다, 어떤 것은 라이브러리, 모듈, 플러그인 여러 가지 이름으로 불리고 있어서 정확하게 어떤 차이점이 있는지 찾아보다가 아래 블로그를 찾게 되었다. 프레임워크(Framework), 라이브러리(Library), 플러그인(Plug-in), 모듈(Module)의 차이 📕 프레임워크 Framework. 직역하면 뼈대/구조라고 한다. 조금 더 풀어서 설명하자면, Frame 은 틀, 규칙/법칙을 의미하고 work 는 일, 소프트웨어의 목적이라고 할 수 있다. 즉, 목적에 따라 효율적으 doozi0316.tistory.com 시간이 된다면 한 번 읽어보자!!

읽은 책 2023.10.04

[DataTable plug-in] Datatable 에서 row 개수 보여주기

관련 기능 paging: 페이지 네이션 기능으로 전체 데이터를 나눠서 볼 수 있게 하는 기능이다. lengthChange: 사용자가 화면에서 페이지 당 몇 개의 데이터를 볼 수 있을지 설정할 수 있다. pageLength: 개발자가 코드에서 페이지 당 몇 개의 데이터를 볼 수 있을지 설정할 수 있다. 문제점 서버에서는 DB의 전체 데이터를 불러 왔지만, 화면(프론트)에서 10개밖에 보이지 않는다면? 해결 방법 두 개의 설정을 모두 false로 하면 전체 리스트 개수가 보이게 됩니다. paging과 lengthChange 기능은 default가 true 입니다. paging: false, lengthChange: false paging 이 비활성화이면 lengthChange 도 자동으로 비활성화가 되는 것..

[코딩 영어] bind

jsTree 오픈소스 페이지를 읽다가 "bind to events triggered on the tree" 라는 문장을 보았다. 무슨 느낌인지는 알겠는데 정확하게 무슨 의미인지 모르겠어서 찾아보았다. chat GPT의 말로는 "bind"는 프로그래밍에서 이벤트 처리와 관련된 용어로 사용된다고 한다. "bind to event"는 특정 상황에서 발생하는 이벤트(클릭, 키보드 조작 등)를 감지하고 처리하라는 것을 의미하며 사용자가 동작을 수행하도록 이벤트 핸들러를 작성할 수 있다. 이벤트 핸들러: 이벤트가 발생했을 때 실행 될 특정 함수를 특정 이벤트에 연결한다. 처리 방법의 예시로 나의 글 on 메서드 편 을 보시면 된당!!

읽은 책 2023.09.20