🌱 → 🌳

✅ html 이 html5 버전임을 알려주는 코드 ✅ ~~~ 모든 html 문서는 html 태그로 감싸져 있다. (기본 구조) ✅ html 문서의 메타데이터를 모아놓은 부분 쉽게 말해, 웹사이트에 표시되진 않지만 웹사이트의 정보/데이터를 담아놓은 부분 ✅ ~~~ html 구조의 컨텐츠 영역(디자인/기능 태그) ⭐ 정리하기 ⭐ ✔ html의 태그는 모두 중첩할 수 있다. ✔ html의 기본 구조 - - html 태그 안에 head 태그, body 태그

Day1 - #1.4 ~ #2.0 TODAY (오늘의 간단 이슈) 노마드코더 바닐라JS 챌린지 시작 ! LEARN (배운 것) 프론트엔드 프로그래밍 언어는 JS가 유일 ! I (배움을 통해 내가 느낀 것) JS가 프론드엔드, 그 중에서도 웹만 만들 수 있다고 생각했는데 react native로 안드,ios 앱도 만들 수 있고, 3d 비디오 게임, 등등 생각보다 더 많은 것을 할 수 있다는 것을 알았다. 심지어 벡엔드도 가능해졌다고 한다. 정말 유용하고 재밌을 듯 ! 앞으로 기대가 된다.

#15. 동적 크롤링 ⑤ 📌 신규 회원 게시판 XPath 사용 이유 1. id, class에 구애받지 않고 크롤링을 진행할 수 있다. 2, html 요소들의 패턴을 파악하기 쉽다 ✅ XPath의 패턴 최상단 글의 XPath /html/body/div[1]/div/div[4]/table/tbody/tr[1]/td[1]/div[3]/div/a 그 바로 아래 게시글의 XPath /html/body/div[1]/div/div[4]/table/tbody/tr[2]/td[1]/div[3]/div/a 세번째 게시글의 XPath /html/body/div[1]/div/div[4]/table/tbody/tr[3]/td[1]/div[3]/div/a 중간에 존재하는 tr 태그의 번호가 하나씩 증가하고 있는 것을 확인 -> ..

#14. 동적 크롤링 ④ 📌 크롤링 대상 사이트 살펴보기 코뮤니티 카페에 접속하여 신규 회원 게시판의 내용 수집 1️⃣ 네이버 로그인 페이지 👉 [네이버: 로그인] 그림에서도 볼 수 있듯, 아이디 입력, 비밀번호 입력, 로그인 버튼 클릭 순서로 작업을 진행해야 한다. 기존에는 자동으로 값을 입력하기 위해, send_keys 함수를 이용했지만 네이버는 자동화 소프트웨어를 막고 있기 때문에, send_keys 함수를 사용해 로그인을 시도하면 아래와 같이 자동입력방지 이미지가 나온다. 이런 기능을 피하기 위해서, selenium에선 execute_script라는 함수가 존재한다. 입력받은 JavaScript 코드를 브라우저에서 실행시키는 함수이다. driver.execute_script("JS 스크립트") 아..

#13. 동적 크롤링 ③ 📌 구현할 소스코드 2개의 소스코드를 구현함 ✅ 첫 번째 소스코드 영단어 번역 여러 번 실행 번역 결과를 모두 'my_papago.csv' 파일에 저장 ✅ 두 번째 소스코드 영단어 번역 여러 번 실행 'my_papago.csv' 파일에 있는 영단어일 경우, 저장하지 않음 'my_papago.csv' 파일에 없는 영단어는 번역 결과 저장 📌 첫번째 파이썬 코드 작성 from selenium import webdriver from selenium.webdriver.chrome.service import Service from webdriver_manager.chrome import ChromeDriverManager from selenium.webdriver.common.by imp..

#12. 라이브러리 'csv' 📌 CSV 파일 "CSV"는 "Comma Separated Values"의 약어로, 의미 그대로 콤마로 구분된 값이라는 뜻 다시 말해, csv 파일은 콤마(',')로 구분한 텍스트 데이터 혹은 텍스트 파일을 뜻함 CSV 파일의 확장자는 '.csv'이고, 보통 엑셀을 통해 CSV 파일을 확인 할 수 있음 한 줄이 하나의 행이 되고, 콤마 (',')를 기준으로 열을 구분 📌 CSV 파일 사용 이유 데이터의 무게를 줄이기 위해 사용 모든 서식 제거 -> 단순 텍스트 형식으로 데이터 저장 📌파이썬의 'csv' 라이브러리 'csv' 라이브러리에는 읽기를 담당하는 reader, 쓰기를 담당하는 writer가 존재 ✅ csv 파일 작성 파이썬으로 csv파일을 작성할 때는 행 단위로 작성..

#11. 동적 크롤링 ② 📌크롤링 대상 사이트 살펴보기 오늘은 파파고를 사용한 번역기를 만들어 봄 그러기 위해 파파고에 접속하여 직접 사이트를 살펴봄 https://papago.naver.com/ 네이버 파파고 번역을 부탁해 파파고 papago.naver.com 1️⃣ 동적크롤링 진행 순서 동적크롤링의 경우, 데이터를 즉시 수집하지 못하기 때문에 데이터를 얻기 위한 순서를 생각하는 것이 중요 파파고에 접속해서 번역을 받기 위해, 아래 작업을 거침 번역할 내용을 왼쪽 창에 입력 번역 버튼을 클릭 번역 결과를 수집 (파파고는 번역 버튼을 누르지 않아도 자동으로 번역 결과가 나오지만 누락 될 경우를 방지하기 위해 번역 버튼을 클릭하는 작업을 포함) 2️⃣ 필요한 요소의 태그 및 선택자 확인 파파고의 html ..

#10. 동적 크롤링 ① 📌 라이브러리 'selenium' selenium : 동적크롤링을 위한 라이브러리, 웹 드라이버(webdriver)를 사용하여 자동화를 실현하는 라이브러리 사람이 데이터를 수집하는 방식 그대로 크롤링하는 기계를 만들어 냄 정적크롤링에 비해 속도는 느리지만, 마우스 클릭, 키보드 입력, 뒤로가그 등의 동작이 가능하기 때문에 크롤링에 한계는 거의 없다. ✅ Selenium 설치 터미널 혹은 명령프롬프트를 열어 아래 명령어를 입력하여 설치 pip install selenium 📌webdriver selenium의 웹 드라이버는 웹 응용 프로그램들의 테스트를 단순화 및 가혹화해주는 틀 웹 브라우저를 자동으로 조작하기 위해, 프로그래밍 언어와 브라우저를 연결하는 매개체라고 생각해도 무방 ..