목록📌 Language (61)

계발하는 개발자

[JS] 라디오버튼 중복체크 방지

라디오버튼을 삽입했을 때 동일한 요소들이 여러 번 체크되면 부자연스럽다. 그러므로 라디오버튼의 체크도 일반 버튼처럼 중복체크를 막아줘야한다. // 라디오버튼 중복 선택 막기 let lastChecked = null; $('.rdo > input').on('change', function() { if (lastChecked && lastChecked !== this) { $(lastChecked).prop('checked', false); // 마지막으로 체크된 요소 체크 해제 } lastChecked = this; // 마지막으로 체크된 요소를 현재 체크된 요소로 업데이트 }); 소스 구현에 활용된 개념 : - this 의미(현재 체크된 요소 상태값 저장), prop 메서드, lastChenked(이전 ..
📌 Language/Javascript 2023. 5. 14. 17:24
[JS] 스크롤 페이드인 기능 구현

요소를 처음에는 숨겼다가 요소가 화면에서 떨어진 높이만큼 스크롤했을때 페이드인되며 나타나게 하는 기능 구현에 대한 정리입니다. CSS /* 스크롤 등장박스 */ .showBox { opacity: 0; transform: translateY(10%); transition: all .5s ease-in-out; } /* 스크롤 등장 클래스 */ .showBox.on { opacity: 1; transform: translateY(0); } 자바스크립트 // 등장액션 대상: .showBx const showBox = document.querySelectorAll(".showBox"); // 화면높이값 2/3 구하기 const screenH = window.innerHeight / 3 * 2; // 등장액션 ..
📌 Language/Javascript 2023. 5. 7. 19:28
[JS] 디데이 카운트 기능 구현

특정 시점까지의 남은 시간을 계산해서 화면에 표시하고싶을 때 사용하는 디데이 카운트 기능에 대한 정리다. 먼저 내가 구현한 코드 예제는 다음과 같다. 일, 시, 분, 초에 대한 텍스트가 여러 번 반복해서 들어가야하므로 각각 forEach 로 돌려줬다. HTML 0 DAY 00 00 00 자바스크립트 function dayCount() { const remainDate = document.querySelectorAll(".value_day"); const remainHour = document.querySelectorAll(".value_hour"); const remainMinute = document.querySelectorAll(".value_min"); const remainSecond = docu..
📌 Language/Javascript 2023. 5. 6. 15:53
[파이썬] find_element 요소 찾기

셀레니움 4.3.0 버전 부터 기존 메서드인 find_element_by_css_selector 를 삭제하고, find_element, find_elements 메서드로 통일이 되었습니다. browser.find_element(By.CLASS_NAME,'nav.shop').click() 위와 같이 find_element(요소찾는방식,요소명) 형식으로 입력해주면 해당 방식으로 해당되는 요소를 찾습니다. 요소찾는방식 element(단일) , elements(복수)설명 설명 By.ID 태그의 id값으로 추출 By.NAME 태그의 name값으로 추출 By.XPATH 태그의 경로로 추출 By.LINK_TEXT 링크 텍스트값으로 추출 By.PARTIAL_LINK_TEXT 링크 텍스트의 자식 텍스트 값을 추출 By...
📌 Language/Python 2023. 5. 5. 22:28
이전 Prev 1 ··· 4 5 6 7 8 9 10 ··· 16 Next 다음