본문 바로가기

개발/javascript

(5)
자바스크립트 변수 선언 방법 비교 var, let, const 자바스크립트 변수 선언 방법 비교 var, let, const 1: 자바스크립트의 변수 선언 방식 변수는 프로그래밍에서 핵심적인 개념 중 하나입니다. 자바스크립트에서는 다른 언어와 달리 여러가지 변수 선언 키워드를 제공합니다. var부터 최신 ES6에 도입된 let과 const까지 살펴보겠습니다. 2: 각각의 변수 선언 키워드(var vs. let vs. const) var: - 함수 스코프를 가집니다. - 호이스팅 현상으로 인해 먼저 정의되기 전에도 사용할 수 있습니다. - 재선언이 가능합니다 . let: - 블록 스코프를 가집니다. - 호이스팅 현상은 발생하지만 초기화되기 전까지 접근할 수 없습니다. - 재선언은 불가능하며, 값의 변경은 가능합니다 const: - 블록 스코프를 가집니다. - 상수로서..
자바스크립트를 활용한 브라우저 개발자 도구 차단 방법 자바스크립트를 활용한 브라우저 개발자 도구 차단 방법 브라우저 개발자 도구는 웹 개발자들이 웹 페이지의 코드를 디버깅하고 분석하는 데 유용한 도구입니다. 그러나 때로는 보안 및 저작권 문제로 인해 개발자 도구의 사용을 제한하고 싶을 수도 있습니다. 이 글에서는 자바스크립트를 사용하여 브라우저 개발자 도구를 차단하는 방법과 보안의 한계에 대해 알아보겠습니다. 브라우저 개발자 도구 차단 방법 자바스크립트를 사용하여 브라우저 개발자 도구의 사용을 차단할 수 있지만, 이는 완벽한 차단이 아닌 일시적인 방법에 불과합니다. 일반적으로 다음과 같은 방법들을 사용하여 개발자 도구의 사용을 어렵게 만들 수 있습니다. 아래는 예시 코드입니다: document.addEventListener('keydown', functio..
자바스크립트 우클릭 방지: 빠르고 간편한 구현 방법 자바스크립트 우클릭 방지: 빠르고 간편한 구현 방법 자바스크립트를 사용하여 웹 페이지에서 우클릭을 방지하고, 원하는 요소의 보호와 사용자 경험을 향상시킬 수 있습니다. 이 글에서는 자바스크립트를 이용한 우클릭 방지 기능의 구현 방법과 주의점을 다루겠습니다. 자바스크립트를 사용한 우클릭 방지 구현 자바스크립트를 사용하여 웹 페이지 전체를 대상으로 우클릭 방지를 구현하는 방법은 다음과 같습니다. javascript document.addEventListener("contextmenu", function (e) { e.preventDefault(); // 우클릭 메뉴를 방지하도록 기본 동작 제거 }); 특정 요소에 대해서만 우클릭 방지를 구현하려면 해당 요소에 이벤트 리스너를 등록합니다. javascript ..
자바스크립트 레이어 팝업 띄우기 (html,css,js) html 팝업오픈! POPUP TILTE !!!!!!!!!!!!!!!!!!!! ~~~~~~~~~~~~~~~~~ @@@@@@@@@@@@@@@@@@@ %%%%%%%%%%%%%%%% ^^^^^^^^^^^^^^^^ &&&&&&&&&&&&&& ************* (((((((((((((((( 닫기 js- //팝업 띄우기 function openPop() { document.getElementById("popup_layer").style.display = "block"; } //팝업 닫기 function closePop() { document.getElementById("popup_layer").style.display = "none"; } css- /*popup*/ .popup_layer {position:..
Javascript (자바스크립트) HTTP 접속 시 HTTPS로 리다이렉트 하는법 localhost가 아닌경우 http로 접속시 https로 리다이렉트 if(location.hostname != "localhost") { if (window.location.protocol != "https:") { window.location.href = "https:" + window.location.href.substring(window.location.protocol.length); } if (document.location.protocol == 'http:') { document.location.href = document.location.href.replace('http:', 'https:'); } }