Javascript로 간단하게 PDF파일 다운로드하는 방법에 대해 알아보겠습니다.1. html 태그 작성PDF 다운로드2. script 작성var pdfUrl = '다운받을 URL'function downloadPDF() { fetch(pdfUrl) .then(response => { // 응답이 비정상적일때 if (!response.ok) { throw new Error('파일이 존재하지 않습니다.'); } // then blob 으로 return return response.blob(); }) .then(blob => { // url 객체 생성 ..

table 의 tr 태그를 기준으로 정렬하는 기능을 구현하는 방법에 대해 간략히 알아보겠습니다. 1. table 태그 작성 번호 타이틀 작성자 작성일 1 Javascript 홍길동 20240708 2 Spring 김철수 20240706 3 Oracle 이영수 20240707 4 Redis 가나다 20240701 2. Javascript 작성let sortType = 'asc'; let sortColumn = -1;function setSorting(columnIndex){ var table, rows,..

터치 이벤트를 통해서 이미지를 슬라이드 기능 구현하는 방법에 대해 간략하게 알아보겠습니다. 1. HTML 작성img 태그에 touch 이벤트를 연결합니다. 2. script 작성let isDragging = false;let startPosX = 0; // 시작지점let endPosX = 0; // 끝지점let startLeft = 0;let maxMove = 50; // 최대 이동 거리 설정// 드래그 시작function startDrag(event) { isDragging = true; startPosX = event.touches[0].clientX; const myImg = document.getElementById('myImg'); startLeft = parseInt(wi..

Javascript로 img 태그의 파일 확장자를 변경하는 방법에 대해 간략히 알아보겠습니다. 예제는 BMP -> PNG로 변환하는 과정입니다.함수작성async function handleImageModalClick(bmpUrl) { try { var modalImg = document.getElementById("modalImage"); var bmpUrl = modalImg.src; // Fetch the BMP image as an ArrayBuffer const response = await fetch(bmpUrl); const arrayBuffer = await response.arrayBuffer(); // Create a Blob from the ArrayB..

부모창에서 iframe을 이용해 자식 Modal 창을 띄우고, 자식 Modal 창에서 닫기 요청을 하는 방법에 대해 간략하게 알아보겠습니다.1. 부모창부모창 소스 작성(parent.html) Parent Window Open Modal openModal() 함수를 통해 iframe의 경로를 지정하고 modal 창을 활성화합니다.closeModal() 함수를 통해 modal 창을 비활성화합니다.message 이벤트 리스너를 통해 자식창으로 "closeModal"이라는 메시지를 받게 되면 closeModal() 함수를 호출합니다. 2. 자식창자식창 소스 작성(child.html) Child Window Close Mo..

주민번호로 성별과 만나이를 구하는 함수를 간략하게 작성하였습니다.1. 성별 가져오기// ssno = 9412201234567 형식function getGender(ssno) { // 주민등록번호 형식을 확인하는 정규 표현식 var regex = /^[0-9]{6}(?:0[1-9]|1[0-2])(?:0[1-9]|[1-2][0-9]|3[0-1])[0-9]{6}$|^[0-9]{7}(?:0[1-9]|1[0-2])(?:0[1-9]|[1-2][0-9]|3[0-1])[0-9]{3}$|^[0-9]{13}$/; // 주민등록번호 형식이 맞는지 확인 if (!regex.test(ssno)) { console.log('올바른 주민등록번호 형식이 아닙니다.'); return 'E'; } // 성별 추출 ..