✨ 느낀점 👍 알게 된 점 BeautifulSoup의 .string은 해당 태그의 문자를 추출한다. def extract_indeed_pages(): result = requests.get(URL) soup = BeautifulSoup(result.text, "html.parser") pagination = soup.find("ul", {"class": "pagination-list"}) links = pagination("a") pages = [] for link in links[:-1]: pages.append(int(link.find("span").string)) max_page = pages[-1] return max_page 즉, 숫자 1,2,3,4,5를 pages의 배열의 원소로 추가한다. 각..

Watch Now – 노마드 코더 Nomad Coders nomadcoders.co ❓ 상황 스파르타코딩클럽에서 백엔드를 학습하는것이 어려워서 포기했던 적이 있었다. 마침 코딩테스트와 필기시험이 끝나, 시간의 여유가 있어서 백엔드를 학습하려고 한다. 무작정 어려운 백엔드부터 학습하는 것이 아닌, 기초부터 공부해야한다는 판단이 섰다. 그래서 해당강의를 통해 파이썬을 활용한 웹 스크래핑을 다시 학습하려고 한다. ✨ 느낀점 👍 알게 된 점 requests 라이브러리로 html 추출 import requests indeed_requests = requests.get('indeed의 url') indeed_html = indeed_requests.text 강의의 첫번째 목적은 indeed 사이트의 채용공고 데이터..

✨ 느낀 점 👍 알게 된 점 window.confirm코드를 이용해 웹페이지 확인창 띄우기 위의 코드는 다른 곳에 함수를 작성하고 함수를 호출하는 형식으로 작성했는데, 바로 함수를 작성해도 상관없다. 바로 함수를 작성하는 방법은 아래와 같다. const Fn = () => { if(window.confirm('메시지')) { () => {...}// 확인을 누를경우 실행할 함수 } else{ () => {...}// 취소를 누를경우 실행할 함수 }} 탭 닫기 전 확인창 띄우기 protect버튼에는 onClick으로 enablePrevent함수를 호출하도록 한다. enablePrevent함수는 이벤트 함수로 탭을 닫기 전(beforeunload)에 listener함수를 실행한다. listener함수는 ev..

✨ 느낀 점 👍 알게 된 점 querySelector를 사용해 html의 title을 가져와 title을 5초 후에 바뀌게 만들었다. const htmlTitle = document.querySelector("title"); 가져온 title을 htmlTitle이라는 변수에 넣고, 변수에 setTimeout을 활용해 내가 원하는 글자를 입력하면 제목을 바꿀 수 있다. useRef()를 활용해 클릭 이벤트 넣기 const element = useRef(); useRef()의 값을 받은 element는 바닐라JS에서 사용되는 querySelector나 getElementById 처럼 활용할 수있다. 활용하는 방법은 element.current로 쓰면 된다. element.current.addEventList..

✨ 느낀 점 👍 알게 된 점 버튼을 클릭하면 내용이 바뀐다. 버튼을 클릭하면 changeItem함수가 실행된다. 나는 changeItem을 setCurrentIndex함수로 정의했으므로 content.map함수로 인해 생성된 index값을 currentIndex에 넣는다. useState함수가 실행됨으로써 리 렌더링이 진행되어, return 해주는 currentItem의 값이 변경된다. allTabs [0] -> allTabs [1]으로 바뀐다. 그래서 태그에 currentItem의 content이 바뀌게 됨으로써, 결과적으로 화면에 내용이 바뀌게 나타난다. 배열 안에 객체로 데이터 받기 이용할 데이터는 다음과 같이 정의해 사용한다. const data = [{id:1, content:'i am supe..