본문 바로가기

JavaScript9

(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.

썸네일 이미지 비율 유지 영역에 꽉 차게 이미지 자르기 한 후 가운데 정렬 CSS 및 jquery 가로세로 비율 ✈ 썸네일 이미지 비율 유지 영역에 꽉 차게 이미지 자르기 한 후 가운데 정렬 CSS 및 jQuery 가로세로 비율 웹사이트나 애플리케이션을 제작하면서 이미지의 비율이나 크기를 맞추는 것은 중요한 작업 중 하나입니다. 특히, 썸네일이나 대표 이미지와 같은 고정된 영역에 다양한 크기와 비율의 이미지를 표시해야 할 때, 그 이미지를 영역에 꽉 차게 보여주면서도 넘치는 부분을 잘라내야 할 필요가 있습니다. 이미지의 가로와 세로 비율을 고정된 영역에 맞추려면, 서버에서 이미지를 잘라내거나 리사이징하는 방법이 있습니다. 하지만 이 방법은 원본 이미지의 품질을 손상시킬 수 있기 때문에, CSS나 jQuery를 활용하여 원본 이미지를 그대로 유지하면서도 원하는 비율에 맞게 보여주는 방법을 찾아야 합니다. CSS를 활.. 2023. 10. 6.

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

챗GPT 로또 당첨번호 예측 lotto 1073회 분석 1034 26 31 32 33 38 40 11 1035 9 14 34 35 41 42 2 1036 2 5 22 32 34 45 39 1037 2 14 15 22 27 33 31 1038 7 16 24 27 37 44 2 1039 2 3 6 19 36 39 26 1040 8 16 26 29 31 36 11 1041 6 7 9 11 17 18 45 1042 5 14 15 23 34 43 4 1043 3 5 12 22 26 31 19 1044 12 17 20 26 28 36 4 1045 6 14 15 19 21 41 37 1046 7 16 25 29 35 36 28 1047 2 20 33 40 42 44 32 1048 6 12 17 21 32 39 30 1049 3 5 13 20 21 37 17 1050 6 .. 2023. 6. 23.

javascript classList.toggle로 jquery addClass, removeClass, toggleClass 구현하기 / 더보기 버튼 클릭시 영역 확장 Javascript classList.toggle로 jQuery addClass, removeClass, toggleClass 구현하기 / 더보기 버튼 클릭시 영역 확장 서론 Javascript와 React에서 더보기 버튼을 클릭하면 내용이 확장되는 컴포넌트를 구현해보려고 합니다. 이를 위해서 jQuery를 사용하면 간단하지만, React에서는 불편함이 있습니다. 그러나 우리는 ref와 useState를 활용하여 더 간편하게 구현할 수 있습니다. 이번 블로그 포스팅에서는 classList.toggle 메서드를 활용하여 jQuery의 addClass, removeClass, toggleClass를 구현해보도록 하겠습니다. 또한, 더보기 버튼을 클릭하여 영역을 확장하는 예제도 함께 제시하겠습니다. class.. 2022. 11. 2.

이전 1 2 다음

티스토리툴바