본문 바로가기

javascript4

1678. Goal Parser Interpretation leetcode javascript 해석 및 풀이 1678. Goal Parser Interpretation leetcode javascript 해석 및 풀이 You own a Goal Parser that can interpret a string command. The command consists of an alphabet of "G", "()" and/or "(al)" in some order. The Goal Parser will interpret "G" as the string "G", "()" as the string "o", and "(al)" as the string "al". The interpreted strings are then concatenated in the original order. Given the string comma.. 2024. 1. 3.
(Javascript)개발자 도구 콘솔창 차단 방법 - 사이트 이동 [경고] 개발자 도구가 감지되었습니다. (Javascript)개발자 도구 콘솔창 차단 방법 - 사이트 이동 [경고] 개발자 도구가 감지되었습니다. 1. 개발자 도구의 중요성과 사이트 보안 웹 개발자들에게 개발자 도구는 필수적인 도구입니다. 이를 통해 웹사이트의 HTML, CSS, JavaScript 코드를 확인하고, 디버깅을 수행할 수 있습니다. 하지만, 개발자 도구를 사용하여 사이트의 보안을 위협하는 행위도 가능하기 때문에, 웹사이트 보호를 위해 개발자 도구의 접근을 제한하는 것이 필요할 때가 있습니다. 2. 개발자 도구 감지 방법 개발자 도구를 감지하는 가장 일반적인 방법은 window 객체의 devtools 이벤트를 활용하는 것입니다. 예를 들어, F12 키를 눌러 개발자 도구를 열거나, 브라우저의 오른쪽 클릭 메뉴에서 '검사'를 선택할.. 2023. 12. 14.
jQuery Javascript navigator.useragent 모바일 크롬 pc android os ios ipad check 방법과 예제 jQuery Javascript navigator.useragent 모바일 크롬 PC Android OS iOS iPad 체크 방법과 예제 서론 웹 개발을 하다 보면 사용자의 기기와 운영체제에 따라 다르게 동작해야 할 때가 있습니다. 특히 모바일 기기와 PC 간에는 화면 크기와 기능의 차이로 인해 웹 페이지를 다르게 제공해야 할 때가 많습니다. 이러한 상황에서 사용자의 기기 정보를 알아내는 것은 매우 중요합니다. 이번 블로그 포스트에서는 jQuery와 JavaScript를 사용하여 사용자의 기기 정보를 어떻게 확인할 수 있는지 알아보겠습니다. jQuery와 JavaScript로 navigator.useragent 확인하기 navigator.useragent는 사용자의 브라우저와 운영체제 정보를 담고 있는.. 2023. 8. 7.
javascript classList.toggle로 jquery addClass, removeClass, toggleClass 구현하기 / 더보기 버튼 클릭시 영역 확장 아래처럼 더 보기 버튼을 누르면 위 영역이 확장되면서 내용을 더 보여주는 컴포넌트를 구현하려고 한다. 사실 jquery라면 일도 아니지만, javascript 특히 react에서는 귀찮다. 여러분이 느끼셨을 것 같지만, JavaScript, 특히 React를 사용하면서 DOM을 선택하는 작업이 매우 번거로울 때가 많습니다. 그리고 이것은 jQuery를 사용하시던 분들에게는 특히 더 그렇게 느껴질 수 있습니다. jQuery의 힘을 알고 있는 우리에게 이는 상당히 실망스러운 측면 중 하나일 것입니다. 그러나, 이렇게 불편함을 겪고 있는 것은 저희들만은 아닙니다. 사실, 이 문제를 해결하기 위한 방법은 많습니다. 여러 가지 가능한 방법들이 있지만, 주요한 두 가지 해결책은 ref 사용과 useState 사용입.. 2022. 11. 3.