Developer's Development

Case목록 HTML 화면에서 팝업으로 등록/수정 작업을 관리하여, 한 페이지에 2개 에디터 삽입 Reference- 네이버 스마트에디터 공식 가이드 - 이미지 업로드 기능이 필요하여, photouploader 폴더가 있는 2.8.2 version을 사용 https://naver.github.io/smarteditor2/user_guide/ - 팝업 오픈 시, 스마트에디터 iframe 영역의 style 중 height 값이 0으로 잡혀 노출이 되지 않는 이슈 해결 https://quantrader.tistory.com/141 - 이미지 업로드 기능 구현을 위한 추가 작업 https://junesker.tistory.com/16 파일smarteditor2-2.8.2.3.zip 압축 해제 후, static ..

Case검색한 날짜 조건별(년, 월, 일) 데이터셋의 값을 누적하여 차트를 쌓인 형태로 표시하는 stacked bar chart 생성 데이터셋은 3개씩 2개의 차트로 표시 Referencehttps://www.chartjs.org/docs/latest/ Chart.js | Chart.jsChart.js Welcome to Chart.js! Why Chart.js Among many charting libraries (opens new window) for JavaScript application developers, Chart.js is currently the most popular one according to GitHub stars (opens new window) (~60,000) and npm ..

Sheet.js & xspreadsheet.js 엑셀 미리보기 (jQuery) 포스팅에서 이어지는 이야기 2024.02.05 - [개발/HTML] - [HTML] SheetJS & xspreadsheetJS 엑셀 미리보기 (jQuery) [HTML] SheetJS & xspreadsheetJS 엑셀 미리보기 (jQuery) 파일 미리보기 및 다운로드 포스팅에서 이어지는 이야기 2023.12.29 - [개발/JAVA] - [JAVA] 파일 미리보기 및 다운로드 [JAVA] 파일 미리보기 및 다운로드 javax.crypto 파일 암/복호화 포스팅에서 이어지는 developer-mylee.tistory.com Reference https://dream-num.github.io/LuckysheetDocs/ Ho..

Case) docx-preview.js는 HTML 문서 내에서 Word 파일을 렌더링하여 미리보기를 제공하는 데 사용됨. 처음엔 mammoth.js(mammoth.browser.min.js)를 사용하였으나, 이는 HTML로 변환 후 스타일 적용의 제한이 있어 docx-preview.js로 진행함. XMLHttpRequest 통신 후, docx.renderAsync 함수에 전달한 파일의 데이터는 Blob 형태임. Reference https://www.npmjs.com/package/docx-preview docx-preview [](https://www.npmjs.com/package/docx-previ..

파일 미리보기 및 다운로드 포스팅에서 이어지는 이야기 2023.12.29 - [개발/JAVA] - [JAVA] 파일 미리보기 및 다운로드 [JAVA] 파일 미리보기 및 다운로드 javax.crypto 파일 암/복호화 포스팅에서 이어지는 이야기 2023.11.15 - [개발/JAVA] - [JAVA] javax.crypto 파일 암/복호화 [JAVA] javax.crypto 파일 암/복호화 Case) 파일 업로드 시, 암호화(내용 암호화/파일명 난수 developer-mylee.tistory.com Case) 서버에 업로드된 파일 경로와 원래 파일명(확장자 포함)을 전달받아 복호화(내용 복호화/원래 파일명, 원래 확장자로 변경)해서 미리보기 및 다운로드 이번 포스팅은 엑셀 파일의 미리보기만을 목적으로 하기..

Case) - 다른 화면이나 브라우저 간에도 계속해서 남은 시간이 갱신되는 30분 세션 타이머 생성 - 서버 측에서 세션 타이머를 관리하고, 클라이언트 측에서 서버에 주기적으로 요청하여 세션의 비활동 경과 시간을 업데이트 - 설정 파일(application.yml)에서도 세션의 기본 만료 시간을 설정 세션의 시간과 관련된 주요 메서드 - getLastAccessedTime() // 세션이 마지막으로 접근된 시간을 반환함. 세션의 활동 여부를 확인하거나 세션의 유효성을 판단하는 데 사용함. - getMaxInactiveInterval() // 세션의 최대 비활동 시간을 초 단위로 반환함. 세션의 만료 시간을 확인하는 데 사용할 수 있음. - getCreationTime() // 세션이 생성된 시간을 반환함..

javax.crypto 파일 암/복호화 포스팅에서 이어지는 이야기 2023.11.15 - [개발/JAVA] - [JAVA] javax.crypto 파일 암/복호화 [JAVA] javax.crypto 파일 암/복호화 Case) 파일 업로드 시, 암호화(내용 암호화/파일명 난수 생성, 확장자 enc로 변경)해서 서버 업로드 파일 다운로드 시, 서버에 업로드된 파일 경로와 원래 파일명(확장자 포함)을 전달받아 복호화( developer-mylee.tistory.com Case) 서버에 업로드된 파일 경로와 원래 파일명(확장자 포함)을 전달받아 복호화(내용 복호화/원래 파일명, 원래 확장자로 변경)해서 미리보기 및 다운로드 이번 포스팅은 backend와 frontend 사이 파일 전송만을 목적으로 하기에, 암/..

인덱스란, 데이터베이스에서 검색 속도를 향상시키기 위해 사용되는 데이터 구조로, 특정 열(또는 열들)의 값을 빠르게 찾을 수 있도록 돕는다. 특징 검색 속도 향상 쿼리 성능 개선 정렬 및 그룹화 용이성 1. exERD에서 인덱스 설정하는 방법 1) 인덱스 추가하기 인덱스 설정할 테이블 우클릭 > 특성 > [인덱스] 우측 + 버튼 누른 후, 추가할 인덱스 형식 선택(아무것도 체크 안 하면 일반) 후 확인 아래 [인덱스 컬럼] 탭에서 컬럼 추가하고 삭제하여 인덱스 생성 (Primary Key는 추가하지 않아도 들어감) ♣ 인덱스에 추가하면 효과적인 컬럼 - 검색 조건으로 자주 사용되는 컬럼(WHERE 절이나 JOIN 조건 등에 사용되는 컬럼 고려) - 외래 키 컬럼(외래 키를 기반으로 하는 조인이나 검색에 ..