🍁Selenium 셀레니움은 자동화 테스트를 하는 도구이다. 이러한 테스트 자동화 도구는 사이트를 만들고 나서 올바르게 동작하는지를 사람 대신에 서핑하면서 제품을 테스트 하는 프로그램을 의미한다. 셀레니움을 사용하기 위해서는 셀레니움 라이브러리와 브라우저 드라이버가 필요하다. 1. 셀레니움 라이브러리 https://www.selenium.dev/ Selenium Selenium automates browsers. That's it! www.selenium.dev Java Stable: 4.14.1 (October 12, 2023)를 다운로드 받는다. lib 폴더 내의 라이브러리를 포함한 61개의 라이브러리를 모두 프로젝트 라이브러리 폴더로 이동한다. 2. 브라우저 드라이버 https://chromedri..
📌Requirements Q44: 새 날개짓 새 날개짓 새의 속도 : 느림 보통 빠름 엄청빠름 📌Requirements Q46: 이미지 뷰어 이미지 뷰어 📌Requirements Q47: 셀 클릭 📌Requirements Q49: 이동하는 이미지 📌Requirements Q50: CATCH CHROMI catch chromi Ready
🍁Traversing 기본 코드 Axis 할아버지 큰아버지 사촌 아버지 큰형 작은형 나 자식 손자 자식 자식 동생 막내동생 작은아버지 사촌 [JavaScript] Axis: 축을 기준으로 검색 🍁Axis 태그를 찾는 방법으로 식별자를 이용해서 찾는 방법이 있고, 축을 기준으로 찾는 axis 기능이 있다. 기본 코드 Axis 할아버지 큰아버지 사촌 아버지 큰형 작은형 나 자식 손자 자식 자식 동 isaac-christian.tistory.com Axis에 대해서는 위 글을 참고한다. 자식에 접근 모든 자식에 접근 children $('#me').children().addClass('check'); 특정 자식에 접근 first last eq $('#me').children().first().addClass(..
🍁CSS 적용 CSS 읽기 쓰기 읽기: CSS(속성) 쓰기: CSS(속성, 값) CSS 읽기 //alert(getComputedStyle(document.getElementById('box')).getPropertyValue('color')); alert($('#box').css('color')); jQuery에는 내부적으로 이 작업이 되어 있다는 것을 알 수 있다. CSS 쓰기 (메서드 체인) //$('#box').css('color', 'blue'); $('#box').css('color', 'blue').css('background-color', 'gold').css('font-size', '3rem'); jQuery는 연쇄적으로 작업할 수 있다는 점에서 편리하다. css(속성명, 값)이 반복하여 ..
📌Requirements Q37: 스크롤 이벤트 Index Lorem ipsum dolor sit amet consectetur adipisicing elit. Est, commodi, natus ex, iste fugiat provident doloremque mollitia numquam nulla perferendis ab. Repudiandae ullam veniam sit dolor quibusdam nemo excepturi impedit. About me Lorem ipsum dolor sit amet consectetur adipisicing elit. Et eius possimus recusandae repellat labore in officia eligendi quas sit non ..
🍁Scroll Event 기본 코드 Title Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates quia veniam quisquam voluptatibus facilis iste ad sequi? Ducimus, optio fugiat. Tempora non fugiat nobis soluta a quia, aliquam mollitia eos. Soluta maiores quisquam molestias nemo eos at neque impedit, perspiciatis dolorem, enim iusto obcaecati sit suscipit minus, non dolores doloremque! Esse a adipisc..
🍁Portfolio Hosting 템플릿 다운로드 https://bootstrapmade.com/demo/Append/ Append Bootstrap Template Demo bootstrapmade.com https://html5up.net/ HTML5 UP Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license. html5up.net 내가 원하는 포트폴리오를 만든다. 또는 템플릿을 사용하여 포트폴리오를 구성한다. 포트폴리오 폴더 생성 포트폴리오 폴더를 생성한다. 깃허브 리포지토리 생성 깃허브에서 포트폴리오 리포지토리를 생성한다. 깃허브 clone $ git clon..
🍁전용 함수와 범용 함수 전용 이벤트 함수 객체.이벤트함수(콜백함수) $('#btn1').click(function() { alert(); }); 위 코드는 클릭 이벤트만을 처리하는 함수이다. 이렇게 하나의 이벤트만을 처리하는 함수를 전용 이벤트 함수라고 한다. 범용 이벤트 함수 객체.on(이벤트명, 콜백함수) $('#btn2').on('click', function() { alert(); }) on은 범용 함수로, 이벤트명을 입력해야 한다. 이벤트명에 따라서 다양한 이벤트를 처리하는 함수를 범용 이벤트 함수라고 한다. 반대로 객체의 이벤트를 해제할 때에는 off 함수를 사용한다. 🍁Effect Function 1. hide(time), show(time), toggle(time) 2. fadeOut(t..
