본문 바로가기

Spring/JavaScript+Jsp(HTMl)39

[JS] 개발자도구 차단 기능 알아보자 웹을 하다보면 개발자도구( ctrl + shift + i / F12)으로  소스확인, CSS 노출등 다양한 이유로 개발자옵션을 비활성하고 싶은 사람들이 있을 겁니다.이 방법이 해결방안은 아니지만 최소한의 간단한 안전장치로 걸어두면 좋을 것 같습니다. 1. 키보드로 ctrl + shift + i / F12 눌러 개발자도구 접근시 코드 막는방법//개발자옵션 제한 document.addEventListener('keydown', function(e) { if (e.keyCode === 123 || (e.ctrlKey && e.shiftKey && e.keyCode === 73)) { e.preventDefault(); ale.. 2025. 1. 15.
[js] window.print(); PDF css적용 오류 해결 방법 html2canvas + jspdf를 사용하여 PDF를 만들어 동적으로 여러페이지 pdf를 만들었는데요자꾸 pdf가 잘리는 현상이 발생하더라고요[ html2canvas + jspdf 활용코드] - pdf잘림현상 or 중복현상 발생// pdf 다운로드 function pdfDownload(id, fileName, chartYn) { $("#btnPdf").hide(); showLoading(); //로딩창 활성화 var quotes = document.getElementById(id); if(chartYn){ d3.selectAll("svg").selectAll('text').nodes().forEach(function (d) .. 2024. 11. 1.
[js] 자바스크립트를 활용하여 post 방식으로 from전송 자바스크립트를 활용하여 post 방식으로 전송하는 방법에 대해 알아보자! 아래 코드는 postGoto() : post 전송하는 공통함수를 만들어 활용하는 방법이다.//공통 부분// JSON 으로 넘어온 값을 param으로 담아서 submitpostGoto = function (url, parm, target, enctype) { var frm = document.createElement("form"); //form만들기 var objs, value; for (var key in parm) { value = parm[key]; objs = document.createElement("input.. 2024. 6. 25.
[JavaScript] 최신 문법 연산자 관련 정리 (ES6 ~ ES13) ECMASript 2015(ES6) 이후 추가된 자바스크립트 최신 문법 중 연산자 관련 문법 기능들을 추려 정리한 내용이다. 1. 연산자 1-1. 지수 연산자 2**3 //8 곱셈 기호를 두 번 쓰면 제곱으로 처리된다. 1-2. Numeric separators 100000000000000과 과 같은 단위가 큰 숫자의 가독성을 높일 수 있게 언더바(_)로 단위를 구분할 수 있는 표현이 허용된다. ex) 1_000_000_000_000과 같이 천 단위로 끊어서 표기를 하는 것이 가능하기 때문에 0의 개수를 일일이 세어 볼 필요 없이 1000억이라는 숫자임을 조금 더 쉽게 알 수 있다. 구분자(_)는 임의의 위치에 맘대로 삽입 가능하다. 그냥 구분자 표현하는 것일뿐 구분자가 있다고 해서 숫자가 달라지거나 그.. 2024. 3. 4.
[IOS CSS 오류] IOS position: fixed 버그 및 오류 해결방법 안드로이드에서는 잘되는데 ios에서 테스트 시 position: fixed css가 적용되지않아 오류나 버그가 발생하는 경우가 종종 있다. 이 문제의 경우 나뿐만 아니라 수많은 사람들이 경험하는 문제라 구글링시 많이 있긴 하지만, 정답은 없었다...ㅎ 그래도 해결해야하는게 개발자의 숙명이니 열심히 도전하여 성공하였다! 나의 경우는 ios에서 스크롤 시 header가 상단에 있지않고 여기저기 자유롭게 움직이는 문제가 있었다. 해결방법은 ios시 position: fixed를 사용하지 않고 top 위치를 계속해서 변경해주었다. [해결한 코드] //ios 헤더 css 문제해결 //ios 확인 var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !windo.. 2023. 11. 6.
728x90