자바스크립트5 [js] 입력문자수를 100자로 제한하기 See the Pen Untitled by ektjtthsrk (@minos79) on CodePen. 이번에 해볼코드는 웹상에서 입력값을 받을 때 100자 미만까지로 정해서 100자가 넘어가면 alert로 경고를 한 후 100자 이상의 글자는 더이상 입력 안되게 하는 코드를 만들어 보려고 한다. 코드 작성은 코드펜으로 작성하였다. textarea로 이벤트리스터의 keydown 이벤트를 발생시켜서 입력된 textarea 영역의 글자수를 센 후 alert 창을 발생시켜 100자 이상이 넘었음을 알리게 되는데, textarea.value = inputText.slice(0,100) 이코드를 삽입하지 않으면 100자가 넘은 후 alert창을 닫아도 한 두 글자가 계속 쓰여지게 된다. 쓰여짐에 신경 쓰임을 없애.. 2024. 4. 21. [js] dataset을 이용하여 필터링하기 https://blogpack.tistory.com/680 HTML 데이터셋(Dataset, data-*) 속성의 이해 HTML5 에서 새로 확장된 속성입니다.HTML에 추가의 커스텀 속성을 표시하는데 표준화된 방법을 제공하기 위해 제안되었습니다."data-*" 어트리뷰트로 표기하며, HTML5 표준 속성처럼 접근할 수 있습니 blogpack.tistory.com dataset을 이용하여 데이터를 관리하고 추가할 수 있는 코드를 보며 흥미로워서 관련된 코드를 이용하여 실제적으로 필터링을 하는 코드를 작성해 보려고 한다. See the Pen Untitled by ektjtthsrk (@minos79) on CodePen. 코드 진행은 이러하다. 총 3개의 버튼을 html로 작성하고 버튼과 관련된 요소를 .. 2023. 8. 6. [심화방] VBA_심화_100제 #20 [ 복잡한 노드 제어하기 ] 특정 사이트를 언급하기는 힘들지만 공기업 관련 사이트를 제어하다 보면 우리가 아는 방식과는 많이 어긋나 있는 것을 볼 수 있다. 일부러 보안때문에 그런거 일수도 있지만 연구를 하는 우리들에게는 맛있는 먹잇감이 될 수 있다...ㅋㅋㅋ 같은 크루인 청곡님이 몇일전부터 같은 질문을 하시길래 왜 해결이 안되지...어려운게 아닌데 하고 넘어가곤 하다가 어제 본인의 약주가 심했던지라 업무 집중도 안되서 청곡님과 갠적으로 연락하여 막힌 코드를 보게 되었다. 천천히 코드를 진행하면서 개발자도구로 태그를 보게 되었는데 와..이건 청곡님이 못하는게 아니라 코드가 진짜 일부러 하지 않으면 이렇게까지 할 수 있을까 정도로 난해하고 지저분했다. CSS를 모든 태그에 입혀놨는데 이건 와 다시 생각해도 엄두가 안날 정도였다. 허나.. 2023. 7. 27. [심화방] VBA_심화_100제 #7 [ 셀레니움 자동화 ] 이번에 해볼것은 샵플링사이트에서 팝업을 없애고 15일 무료체험을 클릭한후 각각의 이용약관에 동의를 하고 개인정보를 입력 후 일반 회원가입 버튼에 마우스를 위치하여 호버링 상태까지 이뤄지는 셀레니움 자동화를 해보려 한다. 뭔가 복잡해 보이지만 그냥 회원가입하는 일련의 과정을 자동화하려고 한다고 생각하면 된다. Sel.ExecuteScript "document.querySelector(""div.layer_popup_area"").style.display = 'none';" 자바스크립트로 팝업숨기기 / 물론 셀레니움으로 요소를 클릭해서 닫아도 된다. 15일 무료체험은 Class 명이 btn_box인데 이게 여러개여서 자식태그들의 인덱스를 찾아서 해야하는데 본인은 이번에 요소안에 있는 텍스트인 [15일 무료체.. 2023. 1. 18. 이전 1 2 다음
