본문 바로가기

Lect & Tip/javascript, jQuery33

(Javascript)개발자 도구 콘솔창 차단 방법 - 사이트 이동 [경고] 개발자 도구가 감지되었습니다. (Javascript)개발자 도구 콘솔창 차단 방법 - 사이트 이동 [경고] 개발자 도구가 감지되었습니다. 개발자 도구 차단의 한계와 실용적 접근 개발자 도구를 차단하려는 주된 목적은 보안 강화나 HTML 및 CSS의 숨김을 위함일 수 있습니다. 하지만 중요한 것은, 콘솔 창을 막는 것이 기술적으로 완벽한 방법은 아니라는 점입니다. 실제로, 어느 정도는 뚫릴 수 있으므로, 이 기능은 보조적인 수단으로만 활용하는 것이 좋습니다. 콘솔 창 차단 코드의 삽입 위치와 예제 Stack Overflow와 같은 사이트에는 많은 콘솔 창 차단 코드가 존재하지만, 브라우저의 업데이트로 인해 대부분의 코드가 무력화되어 있습니다. 이러한 상황에서 Ukjin Yang 개발자가 만든 코드가 유용할 수 있습니다. 이 코드를 활.. 2023. 12. 14.

1678. Goal Parser Interpretation leetcode javascript 해석 및 풀이 1678. Goal Parser Interpretation leetcode javascript 해석 및 풀이 LeetCode 문제 해석 LeetCode의 "1678. Goal Parser Interpretation" 문제는 문자열 해석과 관련된 간단하면서도 흥미로운 문제입니다. 이 문제의 핵심은 주어진 문자열에서 특정 패턴을 식별하고, 그 패턴에 따라 다른 문자열로 변환하는 것입니다. 문제 설명 이 문제에서 주어진 문자열은 'G', '()' 및 '(al)'의 세 가지 패턴으로 구성되어 있습니다. 여기서 'G'는 그대로 'G'로 표현되고, '()'는 'o'로, 그리고 '(al)'은 'al'로 변환되어야 합니다. 따라서, 입력된 문자열에 따라 해당 규칙을 적용해 새로운 문자열을 생성하는 것이 이 문제의 목표.. 2023. 11. 20.

에라토스테네스의 체 JS 소수 찾기 알고리즘 만들기 에라토스테네스의 체: 수학과 컴퓨터 과학에서의 중요성 수학과 고대 역사에서의 에라토스테네스의 체 에라토스테네스의 체는 고대 그리스 수학자 에라토스테네스가 발견한 소수를 찾는 방법으로, 간단하면서도 효율적인 알고리즘으로 알려져 있습니다. 이 방법은 정해진 범위 안의 모든 소수를 찾기 위해, 2부터 시작하여 그 배수를 지워나가는 과정을 반복하는 것입니다. 예를 들어, 2의 배수를 모두 지우고, 다음으로 남은 가장 작은 수인 3의 배수를 지웁니다. 이러한 과정을 반복하면 결국 남는 수들이 바로 소수가 됩니다. 이 알고리즘은 단순함에도 불구하고 매우 중요한 의미를 가집니다. 소수는 수학의 다양한 분야뿐만 아니라 암호학에서도 매우 중요한 역할을 합니다. 따라서, 효율적으로 소수를 찾는 방법은 고대부터 현대에 이르.. 2023. 11. 10.

자바스크립트 바인딩: 활용과 주의점 자바스크립트 바인딩: 활용과 주의점 자바스크립트에서 바인딩(binding)이란, 특정 객체의 메서드나 함수 내부에서 사용되는 this의 값을 고정하는 것을 말합니다. 이는 this가 가리키는 객체가 실행 컨텍스트에 따라 달라지는 자바스크립트의 특성 때문에 중요합니다. this의 동적인 특성은 유용할 때도 있지만, 예기치 않은 문제를 발생시킬 수 있기에 바인딩을 통해 안정적으로 관리할 필요가 있습니다. 자바스크립트 바인딩의 필요성 자바스크립트의 함수는 호출되는 방식에 따라 this 값이 결정됩니다. 예를 들어, 메서드로 호출될 때는 this가 그 메서드를 호출한 객체를 가리키지만, 일반 함수로 호출될 때는 this가 전역 객체(브라우저에서는 window, Node.js에서는 global)를 가리키거나 un.. 2023. 11. 7.

Jquery 스와이퍼 슬라이더 플러그인 idangerous.swiper.js pagination 스타일 변경하기 Jquery 스와이퍼 슬라이더 플러그인 idangerous.swiper.js pagination 스타일 변경하기 서론 모바일 웹 개발에서 슬라이드 기능은 매우 중요합니다. idangerous.swiper.js 플러그인은 모바일에서 터치 제스처를 활용하여 슬라이드를 편리하게 구현할 수 있는 훌륭한 도구 중 하나입니다. 그러나 이 플러그인의 페이징 기능은 숫자나 불릿 형태로만 제공되어, 텍스트 문장으로 페이지네이션을 표현하기 어렵습니다. 이에 대응하기 위해 텍스트 문장을 페이징 처리하는 꼼수를 사용하려 했으며, 처음에는 대략 6~8개의 페이지를 표시하도록 설정하였습니다. 그러나 디자이너의 요청으로 10개의 페이지가 등록되었을 때 초반 6개만 보이고, 나머지는 다음 페이지에서 보이도록 처리해야 했습니다. 이러.. 2023. 9. 7.

jquery .sort() 함수를 활용한 요소 이동과 정렬 jquery .sort() 함수를 활용한 요소 이동과 정렬 소개 이번 포스팅에서는 jQuery의 .sort() 함수를 활용하여 요소를 이동하면서 정렬하는 방법에 대해 알아보겠습니다. 특히, 부서나 트리 구조의 목록에서 특정 요소를 선택하여 다른 목록으로 이동한 후, 해당 목록을 정렬하는 방법에 대해 다룰 것입니다. 상황 설정 가정해봅시다. 여러 부서를 나타내는 목록이 있고, 우리는 사용자가 선택한 부서를 다른 목록으로 이동시킨 후, 그 목록을 순서대로 정렬하고자 합니다. 예를 들어, '디지털 미디어' 팀들의 목록을 가지고 있다고 가정해보겠습니다. 먼저 복사 이동은 클릭 이벤트 발생과 동시에 .appendTo() 함수로 이동된다. 이 예시에서는 jQuery의 .sort() 함수를 활용하여 부서 이동과 소트.. 2023. 9. 1.

이전 1 2 3 4 ··· 6 다음

티스토리툴바