🌱 → 🌳

📌 프레임워크 편리함, 보안이 좋음 ex) bootstrap - css 프레임워크(frontend) spring - java 프레임워크(backend) 프론트엔드로는 결과만 보여줌 📌 에러 컴파일에러(신텍스에러) : 문법 오류 런타임에러: 실행되는 도중에 다운되는 에러/ 문맥상 오류 ✅ head vs body head안에 있는 내용은 한 줄, 한 줄 나오는게 아니라 한꺼번에 나옴 body는 한 줄, 한 줄 나옴 head에 div, span ,, 이런 tag들 다 쓸 수 있음 body에 오류가 생기면 너그럽게 넘어가지만, head에 오류가 생기면 결과물이 로드되지 않음 📌 자바스크립트 : 비동기식 이벤트 기반 원래는 벡엔드가 시나리오 기반이였는데 채팅 : 시나리오 없음, 실시간으로 이루어 져야 함 대부분 ..

1. 입력 Point I 변수 = input() : 변수에 입력받은 값을 집어넣겠다는 의미 var = input() Point II 어떤 것을 입력하든 문자열로 입력되기 때문에 형 변환이 필요 int() : 정수형 변환, str() : 문자열 변환 등… var1 = input() #4 입력 var1 = int(var1) var2 = int(input()) #3 입력 print(3+var1+var2) #10 출력 2. 논리 자료형(Boolean Data) Point I 논리 자료형 : 참(True) 혹은 거짓(False)을 나타내는 자료형 True, False Point II 비교 연산자 : 숫자나 문자의 값을 비교하는 연산자 주어진 진술이 참이면 True, 거짓이면 False A == B #A와 B가 같..

1. print() Point I print() : 문자열을 출력하는 명령어 print("Hello Rabbit!") ## 출력결과 ## Hello Rabbit! Point II 콤마(,)를 통해 여러 자료를 출력 print(3, "Hello") ## 출력결과 ## 3 Hello Point III print()를 여러 번 사용하여 여러 줄에 걸쳐 출력 print(3) print(6) print(9) ## 출력결과 ## 3 6 9 2. 기본 자료형 Point I 숫자형 : 숫자로 이루어진 자료형 3 : 정수 3.14 : 실수 Point II 문자열 : 문자, 혹은 문자들의 집합 - 큰따옴표(“)/작은따옴표(‘)로 구분 'Hello' '3.14' "3.14" Point III 리스트 : 여러 자료를 함께 보..

#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 ..