🖱️네이버 쇼핑 검색어 입력, 무한스크롤

📢 여는 말

자동화로 네이버 자동 로그인을 구현해보고, 네이버 쇼핑을 크롤링해볼까? 했다. 그렇게 네이버 쇼핑 페이지를 분석하던 중 네이버 쇼핑은 단일 페이지에서 스크롤을 내리면 상품이 계속해서 보이는 형태를 하고 있는 것을 알 수 있었다. "스크롤도 자동화로 해볼까? 🤔" 생각이 들었기에 실습하게 되었다.

📌 gif 용량이 커서 1. 검색어 자동 입력 , 2. 무한 스크롤 순으로 나눠서 첨부

• 1. 검색어 자동 입력
     
• 2. 무한 스크롤 (오른쪽 스크롤 보기!)
     

---

01. 사용한 코드 및 문법

1. [자동화] 시작페이지 설정 후, 검색어 입력

driver.get("https://shopping.naver.com/home")
time.sleep(2)

search= driver.find_element(By.CSS_SELECTOR, ".검색창 클래스명")
search.click()

search.send_keys('아이폰 14')
search.send_keys(Keys.ENTER)

driver.get("https://shopping.naver.com/home") 은 VSC에서 실행 후 페이지가 켜질 때, 시작 페이지를 네이버 쇼핑으로 설정했다.

🤔 원래는 네이버 메인 페이지 > 네이버 쇼핑 페이지 순으로 이동하는 것으로 했지만 이 실습의 목적은 네이버 쇼핑이기 때문에 시작 페이지로 했다.

time.sleep(2) 페이지가 실행되기도 전에 검색어 입력이 수행되면 안되기 때문에 의도적으로 2초 텀을 두었다.

---

search= driver.find_element(By.CSS_SELECTOR, ".검색창 클래스명") 는 아래 사진과 같은 검색어를 입력하는 공간을 선택해준 것이다.

• 

---

2. [자동화] 무한 스크롤

before_h = driver.execute_script("return window.scrollY")

while True:
	driver.find_element(By.CSS_SELECTOR, "body").send_keys(Keys.END)
	time.sleep(1)
	after_h = driver.execute_script("return window.scrollY")
	if after_h==before_h:
	break

	before_h=after_h

스크롤 전과 후의 높이를 before_h , after_h 변수로 설정해주었다. 이때, .execute_script 는 자바스크립트의 문법을 사용할 수 있게 해주는 명령이다.

---

🖱️ 이제 while 반복문을 사용하여 무한스크롤 기능을 구현할 것이다.

우선 while문은 무한루프가 돌 수 있도록 true 로 설정해주었고, 네이버 쇼핑 페이지의 body 부분에서 스크롤을 제어할 것이니까 CSS 선택자로 body를 선택해주었다.

🤔 무한 스크롤을 구현할 때, 빠르게 스크롤을 내려서 정보가 제대로 불려오지 않으면 어떡하지? 라는 생각을 했다. 그래서 스크롤을 할 때 정보가 로딩 걸리지 않도록 시간을 둘 것 을 생각했고 time.sleep으로 시간의 텀을 두었다.

if after_h==before_h: 의 if문을 통하여 스크롤 전과 후의 높이가 같다면 if문을 빠져나와, before_h=after_h 후의 높이를 전의 높이에 대입해주면 다시 while문을 돌도록 무한 루프를 만들어서 무한 스크롤을 구현했다.