js12 [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. [JavaScript] setInterval(),clearInterval(), setTimeout() 사용법 JavaScript의 타이머를 사용하는 내장함수인 setInterval(),clearInterval(), setTimeout()에 대해서 알아보자! ▶ setInterval (함수, 초) 각 호출 사이에 고정된 시간 지연으로 함수를 반복적으로 호출하거나 코드 스니펫을 실행 (주기적으로 인자를 실행하는 함수) - setInterval() 함수는 어떤 코드를 일정한 시간 간격을 두고 반복해서 실행하고 싶을 때 사용한다. - 첫번째 인자로 실행할 코드를 담고 있는 함수를 받고, 두번째 인자로 반복 주기를 밀리초(ms) 단위로 받는다. - 간격(interval)을 고유하게 식별할 수 있는 interval ID를 반환(숫자값)하므로 나중에 clearInterval() (en-US) 함수를 호출하여 제거할 수 있다.. 2023. 8. 3. [JavaScript/JQuery] Top(맨 위) & Bottom(맨 아래) 스크롤 공통 기능 만들기 자바스크립트로 Top(맨 위 / 최상단) & Bottom(맨 아래 / 최하단) 스크롤 이동 시키기 기능을 공통으로 만드는 예제에 대해서 알아보자! 웹을 하다보면 편의성을 위해서 최상단과 최하단 버튼을 만들어서 스크롤을 이동시키고 싶다. 그리고 나는 해당 기능이 필요없을 경우(ex. 최상단 스크롤에 위치하면 top버튼 필요없음)에 버튼이 표시되고 싶지 않았다. 이제 예제 코드를 보고 알아보자! [ 예제 ] - bottombutton.js (최하단 / 맨아래로 js) (function($){ $.bottombutton = function(op){ var _op = { html : "", //String (Html Code) css : undefined, //String (Css Code) //css : "b.. 2023. 4. 7. [js] serialize(), serializeArray() 이용해 form값 한번에 가져오기 serialize(), serializeArray() 이용해 form값 한번에 가져올 수 있다. form값을 이용할 때 유용한 함수이다. serialize() form 객체들을 표준 URL인코딩 표기법으로 텍스트 문자열 생성 - form(폼) 객체들을 한번에 받기 - 표준 URL인코딩 표기법으로 텍스트 문자열 생성 - name속성(attribute) 가 무조건 있어야한다. - 체크박스(checkbox)와 라디오(radio)은 체크 된 경우만 포함 - file의 첨부파일 데이터는 직렬화X - 폼 객체들을 나열함 [ 예시 ] //javaScript + jQuery var serialize = $('#dataForm').serialize(); // id가 dataForm인 form의 내부 값을 직렬화 처리한다.. 2023. 2. 9. [js] table 셀 병합(cell merge) rowspan - 1개 결합 & 2개이상 결합 table 셀 병합(cell merge) 기능이 종종 필요합니다. 이럴 경우 rowspan 기능을 사용하여 셀을 병합하면 됩니다. 인터넷에 js 테이블 셀 병합 기능을 검색하면 다 1개만 결합하는 기능만 나옵니다. 2개이상 결합은 잘 나오지 않아서 정리하게 되었습니다. 먼저, 1개의 셀 병합에 대해서 알려드리겠습니다. 1. 테이블 셀 병합 - 1개 결합 //rowspan 처리 - 1개 셀결합 function fn_genRowspan(className){ $("." + className).each(function() { var rows = $("." + className + ":contains('" + $(this).text() + "')"); if (rows.length > 1) { rows.eq(0)... 2022. 12. 28. 이전 1 2 3 다음 728x90
