목록개발 (15)
Developer's Development
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 [![npm version](https://badge.fury.io/js/docx-preview.svg)](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 조건 등에 사용되는 컬럼 고려) - 외래 키 컬럼(외래 키를 기반으로 하는 조인이나 검색에 ..
함수 및 예시 쿼리 [MySQL] 날짜 더하기 : DATE_ADD(기준 날짜, INTERVAL) ex) DB에서 특정 컬럼들의 날짜를 업데이트하고 싶을 때 사용함. UPDATE table_name SET db_date = DATE_ADD(db_date, INTERVAL 9 HOUR); [MySQL] 날짜 빼기 : DATE_SUB(기준 날짜, INTERVAL) ex) DB에서 오늘로부터 3개월 이전의 값을 얻고 싶을 때 사용함. SELECT DATE_SUB(CURDATE(), INTERVAL 3 MONTH) AS three_months_ago; Issue Case DB에 저장된 값에서 특정 날짜와 시간만큼 더한 일자를 사용자에게 노출해야 함. DATE_ADD 함수의 문제점은, 날짜 연산 시 윤년을 고려하지..
select box를 jQuery로 제어할 때, 맨날 헷갈리는 그것들 한방에 정리 HTML 전체 전체 꼬깔콘 jQuery A 라는 value를 가지고 있는 option = A 선택 $("#select").val("A").prop("selected", true); 위 코드의 선택이 되지 않을 때, 값 설정 및 변경 이벤트 트리거 $("#select").val("A").trigger("change"); 현재 select box 선택값 가져오기 $('#select option:selected').val(); select box 선택 전체 초기화 (첫번째 옵션 강제 선택) $("#select").find("option:eq(0)").prop("selected", true); select box 옵션 값 초기화 ..