목록분류 전체보기 (186)

계발하는 개발자

[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
[파이썬] Cannot edit in read-only editor VS Code 에러 해결법

파이썬에서 input 함수를 통해 명령프롬프트창에서 사용자의 입력을 받으려고 할 때, 다음과 같은 메시지가 뜨며 입력이 되지 않았다. 해결 방법을 검색하던 중에 개발자들의 지식인, 스택오버플로우에서 관련 해결책을 찾을 수 있었다. Cannot edit in read-only editor VS Code I am using Visual Studio Code V 1.31.1. I used an input function but I can't write an input in output panel it shows this error Cannot edit in read-only editor. Please help me solve this problem. stackoverflow.com 그리고 위 방법대로 차근차근..
📌 Language/Python 2023. 5. 5. 18:11
이전 Prev 1 ··· 34 35 36 37 38 39 40 ··· 47 Next 다음