반응형

시작하기

Class101의 경우, 로그인 후 "https://class101.net/search?state=sales&types=klass" 접속 시, 현재 시점으로 바로 수강 가능한 강의 목록을 가져 올 수 있다. 하지만 바로 모든 강의가 조회되는 것이 아닌 스크롤링을 아래로 향할때 마다 일정 갯수 만큼 받아 오도록 화면이 구성되어 있다. 따라서, 모든 데이터를 크롤링 하기 위해선 반복적으로 하단 스크롤링을 한 후, 모든 데이터가 조회가 된 후 크롤링 작업을 시작해야 한다.

 

개발환경

  • MAC OS Big Sur 11.2.3
  • Python3
  • Chrome 버전 90.0.4430.93(공식 빌드) (x86_64)
  • Chrome Driver 90.0.44

개발준비

사용한 패키지 및 도구

  • selenium, BeautifulSoup, pandas
pip3 install selenium pip3 install BeautifulSoup pip3 install pandas
  • ChromeDriver 설치 (자신이 로컬에 설치된 Chrome버전과 동일한 버전으로...)
    ChromeDriver - WebDriver for Chrome - Downloads
    Current Releases If you are using Chrome version 91, please download ChromeDriver 91.0.4472.19 If you are using Chrome version 90, please download ChromeDriver 90.0.4430.24 If you are using Chrome version 89, please download ChromeDriver 89.0.4389.23 If you are using Chrome version 88, please
    chromedriver.chromium.org

개발내용

소스코드를 확인하기 전에 먼저 어떠한 방법으로 어떠한 데이터를가져올지를 파악해야한다.

class101에 등록된 신사임당 강의

1. 온라인 쇼핑 몰 / 신사임당 :  카테고리 및 강사 명

2. [🔥부활] 스마트스토어로 월 100만원 만들기, 평범한 사람이 돈을 만드는 비법 : 강좌 명

3. [39322]  / [98%] : 관심도 및 만족도

4. [월 23,740] / [5개월] : 가격및 기간

5. [199,000] / [40%] : 원가 및 할인률

 

대략적인 스크롤링 방법을 구상 한 후, 어떠한 데이터를 모일지도 파악완료 했다.ㄱㄱㄱ

참고로 필자는...파이썬 개발자가 아니고... 잠시 일적으로 필요해서... 파이썬으로 해당 프로그램을 작성했다.. 그래서 파이썬의 문법이나 코드가 매끄럽지 못하고 난잡할 수 있다는걸...참고..

전체 PythonCode

더보기
from selenium import webdriver
import time
import re
from bs4 import BeautifulSoup
import pandas as pd

# 목표 - class 101에 등록된 모든 강의들의 정보(클래스 명, 카테고리, like, 가격, 정보 등)
# http://class101.net/search?state=sales&types=klass 접속 시, 전체 강의목록을 조회할 수 있다.
# 하지만 스크롤링이 하단에 갈때마다 특정 갯수 만큼 다시 조회를 하는 형식이라서 전체 강의가 완전하게 조회 될때까지 계속해서 하단으로 스크롤링을 해야함
# 따라서 현재 화면의 강의수와 스클롤링 후 화면에 보이는 강의 수가 같아 질떄까지 계속해서 [스크롤링 > 강의 갯수 조회 ] 해당로직을 무한 반복한다.

# 스크롤링 하는 소스 코드
from selenium.webdriver.common.keys import Keys
# bg = driver.find_element_by_css_selector('body')
# bg.send_keys(Keys.SPACE)


import datetime
    
def doScrollDown(driver):
	start = datetime.datetime.now()
	end = start + datetime.timedelta(seconds=10)
	while True:
		driver.execute_script('window.scrollTo(0, document.body.scrollHeight);')
		time.sleep(1)
		if datetime.datetime.now() > end:
			break


# 현재까지 조회된 class 갯수를 가져 온다.
def getCurrentClassNum(driver) :
	html = driver.page_source
	soup = BeautifulSoup(html, 'lxml')
	return len(soup.select('div.sc-citwmv > ul li'))

#classList[0].select('strong.SellingPrice-yffb6l-0')[0].text  '월 25,740원' main price
#classList[0].select('span.InstallmentText-v6zzig-0')[0].text  ' (5개월)' main date
#classList[0].select('div.CardTags-sc-1fo9d2v-0')[0].text '온라인쇼핑몰・신사임당' categori and 강사명
#classList[0].select('div.sc-dOSReg')[0].text '[🏆BEST특가] 스마트스토어로 월 100만원 만들기, 평범한 사람이 돈을 만드는 비법'  MainTitle
#classList[0].select('div.CountTag__Container-rjlblo-0')[0].text '39225' 하트그림 옆에 있는 숫자
#classList[0].select('div.CountTag__Container-rjlblo-0')[1].text  '98%'  따봉 수
#classList[0].select('span.OriginalPrice-fb3m0l-0')[0].text '199,000원'  original price
#classList[0].select('span.DiscountPercent-sc-1phvwfl-0')[0].text  '35% '  discount rate
def makeClassData(driver) :
	html = driver.page_source
	soup = BeautifulSoup(html, 'lxml')
	classList = soup.select('div.sc-citwmv > ul li')
	numOfClass = len(classList)
	classData = ' '
	data = []
	for i in range(numOfClass) :
		classData = classList[i]
		try:
			categoriAndLecturer = classData.select('div.CardTags-sc-1fo9d2v-0')[0].text #'온라인쇼핑몰・신사임당' categori and 강사명
			categori = categoriAndLecturer.split('・')[0]
			lecturer = categoriAndLecturer.split('・')[1]
		except:
			categori = ''
			lecturer = ''
		
		try:
			mainTitle = classData.select('div.sc-dOSReg')[0].text #'[🏆BEST특가] 스마트스토어로 월 100만원 만들기, 평범한 사람이 돈을 만드는 비법'  MainTitle
		except:
			mainTitle = ''

		try:
			mainPrice = classData.select('strong.SellingPrice-yffb6l-0')[0].text # '월 25,740원' main price
		except:
			mainPrice = ''

		try:
			period = classData.select('span.InstallmentText-v6zzig-0')[0].text # ' (5개월)' main date
		except:
			period = ''

		try:
			attention = classData.select('div.CountTag__Container-rjlblo-0')[0].text # '39225' 하트그림 옆에 있는 숫자
		except:
			attention = ''

		try:
			satisfaction = classData.select('div.CountTag__Container-rjlblo-0')[1].text # '98%'  따봉 수
		except:
			satisfaction = ''

		try:	
			originalPrice = classData.select('span.OriginalPrice-fb3m0l-0')[0].text #'199,000원'  original price
		except:
			originalPrice = ''
		
		try:
			discountRate = classData.select('span.DiscountPercent-sc-1phvwfl-0')[0].text # '35% '  discount rate
		except:
			discountRate = ''
		data.append([categori, lecturer, mainTitle, mainPrice, period, attention, satisfaction, originalPrice, discountRate])
	return data


#스크롤링 3번하자`
def scrollDown(bg) : 
	bg.send_keys(Keys.SPACE)
	bg.send_keys(Keys.SPACE)
	bg.send_keys(Keys.SPACE)
	bg.send_keys(Keys.SPACE)
	bg.send_keys(Keys.SPACE)
	bg.send_keys(Keys.SPACE)

#https://class101.net/search?state=sales&types=klass
# 전체 수강 강좌 조회 사이트 열기.
driver = webdriver.Chrome("./chromedriver")
driver.get('http://class101.net/search?state=sales&types=klass')
bg = driver.find_element_by_css_selector('body')

# 현재 화면 html 정보 가져오기
#html = driver.page_source
#soup = BeautifulSoup(html, 'lxml')
# 강좌 정보 list 가져 오는 값
# soup.select('div.sc-citwmv > ul li')

currentNum = getCurrentClassNum(driver)
afterNum = 0
while(1) :
	doScrollDown(driver)
	afterNum = getCurrentClassNum(driver)
	if currentNum == afterNum :
		break
	else :
		currentNum =afterNum
		print(currentNum)

result = makeClassData(driver)
result = pd.DataFrame(result)
result.to_csv('/Users/kimyoungho/python/class.csv', index=False, encoding="utf-8-sig")
print(result)

 

간략하게 로직을 설명하자면...

1. ChromeDriver를 통해 Chrome실행 후, Class101 접속

2. 현재화면의 나타난 강의들의 목록을 찾고 갯수를 센다.

# 현재까지 조회된 class 갯수를 가져 온다.
def getCurrentClassNum(driver) :
	html = driver.page_source
	soup = BeautifulSoup(html, 'lxml')
	return len(soup.select('div.sc-citwmv > ul li'))

3. 하단으로 10초동안 스크롤링을 반복한다.( 이때, 강의 목록이 추가적으로 더 불러 오게 됨.)

def doScrollDown(driver):
	start = datetime.datetime.now()
	end = start + datetime.timedelta(seconds=10)
	while True:
		driver.execute_script('window.scrollTo(0, document.body.scrollHeight);')
		time.sleep(1)
		if datetime.datetime.now() > end:
			break

4. 이전의 샌 갯수와 조회 후 갯수를 비교한다. 하단 스크롤링 후 샌 갯수가 더 많다면 위 과정을 반복한다.

5. 만약 스크롤링 후에도 이전의 갯수와 스크롤링 후의 갯수가 같다면 더이상 조회할 강의가 없다는 뜻임으로... 크롤링으로 데이터를 수집 후 종료 한다.

currentNum = getCurrentClassNum(driver)
afterNum = 0
while(1) :
	doScrollDown(driver)
	afterNum = getCurrentClassNum(driver)
	if currentNum == afterNum :
		break
	else :
		currentNum =afterNum
		print(currentNum)

 

실행결과

실행 결과로 나온데이터로 아직 어떠한 유의미한 작업을 하지 않은 상태라 날것의 데이터 그대로가 있다. 작업을 하기 전에 이러한 데이터에서 어떤유의미한 결과를 도출해야 하는지 파악해야 하는데..이게 쉽지 않다. 그래서 저번 파이썬 크롤링때 처럼 워드클라우드라던가..하는건 추후에 올리도록 하겠다.

(뭔가...크롤링한 결과 여기다가 올리면 안될거 같아...알아서...하쇼...)

 

마무리

Python 문법도 재대로 모르는 놈이 파이썬으로 이것저것 크롤링을 하고 있는데... 나름..점점 재밌어 지고 있다.. 잡탕개발자의 길을 걷는듯..

인스타그램 크롤링 작업을 하면서 고생을 좀 많이 해서인가.. 이번 프로그램은 3시간정도 걸린거 같다. 크롤링 하는 방식도 단순하고 한번에 모든 강의를 조회할 수 있는 페이지가 있어서 정말 편한듯 ㅇ.ㅇ...

다음은 "탈잉" 사이트 크롤링 작업을 해볼 생각이다. 대충 화면 봤는데...난이도가 상당해 보이는게 벌써 망삘이 ...ㅠㅠ

반응형

'개발 > Python' 카테고리의 다른 글

[Python] Taling.me Crawling  (0) 2021.05.18
[Python] Instagram Crawling  (0) 2021.05.13
반응형

시작하기

Instagram의 경우, 로그인 후 "https://www.instagram.com/explore/tags/[태그문자]" 접속 시, 해당 [태그문자]로 올라온 게시물들을 확인 할 수 있다. 따라서 특정태그문자에 올라온 다양한 게시물들의 정보를 확보하여 다른 태그문자들과의 연관성 및 해당 게시물들의 이미지를 확보 할 수 있다.

개발환경

  • MAC OS Big Sur 11.2.3
  • Python3
  • Chrome 버전 90.0.4430.93(공식 빌드) (x86_64)
  • Chrome Driver 90.0.44

개발준비

사용한 패키지 및 도구

  • selenium, BeautifulSoup, pandas
pip3 install selenium pip3 install BeautifulSoup pip3 install pandas

 

  • ChromeDriver 설치 (자신이 로컬에 설치된 Chrome버전과 동일한 버전으로...)
    ChromeDriver - WebDriver for Chrome - Downloads
    Current Releases If you are using Chrome version 91, please download ChromeDriver 91.0.4472.19 If you are using Chrome version 90, please download ChromeDriver 90.0.4430.24 If you are using Chrome version 89, please download ChromeDriver 89.0.4389.23 If you are using Chrome version 88, please
    chromedriver.chromium.org

     

개발내용

소스코드를 확인하기 전에 먼저 어떠한 방법으로 어떠한 데이터를가져올지를 파악해야한다.

https://www.instagram.com/explore/tags/이직/ 를 통해 #카페 라는 해시태그를 사용한 게시물들을 가져온 화면이다.
(약 113,255개의 게시물)

여기서 특정 게시물을 클릭 하면 해당 게시물의 상세정보를 가져 올 수 있다.

 

해당 게시물에서 가져오길 원하는 데이터를 정리한다. (빨간색 테두리)

  1. 게시물의 이미지
  2. 게시물의 Description
  3. Hash Tag
  4. Like 수.
  5. 게시물의 위치정보(게시물에 따라서 위치정보를 입력한 게시물은 또 가져 올 수 있다.)

자! 이제 어떻게, 어떠한 데이터를 가져올지 파악했다. 실전으로 가즈아!

전체 Python 소스코드
더보기
from selenium import webdriver
import time
import re
from bs4 import BeautifulSoup
import pandas as pd


def searching(word):
    url = 'https://www.instagram.com/explore/tags/'+word
    return url

driver = webdriver.Chrome("./chromedriver")

def click_first(driver):
    first = driver.find_element_by_css_selector('#react-root > section > main > article > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(1) > a > div.eLAPa > div._9AhH0')
    first.click()
    time.sleep(3)

def next_page(driver):
    next_page = driver.find_element_by_css_selector('body > div._2dDPU.CkGkG > div.EfHg9 > div > div > a._65Bje.coreSpriteRightPaginationArrow')
    next_page.click()
    time.sleep(3)

def get_content(driver):

    # 1. 현재 게시글 html 정보 가져오기
    html = driver.page_source
    soup = BeautifulSoup(html, 'lxml')


    # 2. 본문 내용 가져오기
    # 본문 내용이 없을 수 있으므로 예외 처리구문을 이용
    try:
        content = soup.select('div.C4VMK > span')[0].text
    except:
        content = ''

    # 3. 작성 일시, 좋아요 수 , 위치 정보 가져오기
    # 해쉬 태그는 정규 표현식을 이용해 가져온다.
    tags = re.findall(r'#[^\s#,\\]+', content)  

    #  작성일자 정보 가져오기
    date = soup.select('time._1o9PC.Nzb55')[0]['datetime'][:10]

    #  좋아요 수 가져오기
    # 예외처리구문.
    try:
        # print(soup.select('div.Nm9Fw.zV_Nj > span')[0].text)
        like = soup.select('div.Nm9Fw > a > span')[0].text   
    except:
        like = 0
    # 위치정보
    # 예외 처리구문
    try: 
        place = soup.select('div.M30cS')[0].text
    except:
        place = ''
    # 위치정보
    # 예외 처리구문
    try: 
        img = img = soup.select('div._97aPb img')[0]['src']
        print(img)   
    except:
        img = ''
    # 4. 저장하기
    data = [content, date, like, place, tags, img]
    return data


# 인스타그램 접속하기
driver.get('http://www.instargram.com')

#로딩하는데 시간이 걸릴 수 있으므로 3초간 대기
time.sleep(3)
insta_id = 'ID'   
input_id = driver.find_elements_by_css_selector('input._2hvTZ.pexuQ.zyHYP')[0]

password = 'PW!' 
input_pw = driver.find_elements_by_css_selector('input._2hvTZ.pexuQ.zyHYP')[1]

input_id.send_keys(insta_id)
input_pw.send_keys(password)

first = driver.find_element_by_css_selector("#loginForm > div.Igw0E.IwRSH.eGOV_._4EzTm.kEKum > div:nth-child(3)")
first.click()

time.sleep(5)

word = 'pet'
url = searching(word)

# 검색페이지 접속
driver.get(url)
time.sleep(3)

# 첫 번째 게시글 열기
click_first(driver)

#크롤링 결과를담을 리스트 생성
result = [ ]


# 여러 게시글 수집하기
target = 1000     # 크롤링할 게시글 수
for i in range(target):
    # 게시글 수집에 오류 발생시 5초 대기후, 다음 게시글로 넘어가도록 예외처리 구문 활용
    try:
        data = get_content(driver)    # 게시글 정보 가져오기
        result.append(data)
        next_page(driver)
    except:
        time.sleep(5)
        next_page(driver)
result = pd.DataFrame(result)
result.to_csv('/Users/kimyoungho/python/sample.csv', index=False, encoding="utf-8-sig")
print(result)

 

 

개발 완료?된 소스코드이다. 방법이 생소한거 뿐 작성된 소스코드는 간단한 편이다.

내용은 소스코드 실행 시, 자동으로 크롬을 실행하고 인스타를 접속및 로그인, 크롤링까지 자동적으로 되도록 하는 내용이다.

소스코드와 개발시 난항을 겪은 부분에 대해서 설명해보겠다.

실행 Flow

  1. Chrome실행 후, 인스타그램(http://www.instargram.com) 접속
  2. 로그인 후, https://www.instagram.com/explore/tags/이직/ 접속
  3. 첫 번째 게시물 클릭 → 데이터 수집 → 다음 게시물로 넘어가기 → 반복
#크롬 드라이버를 통해 크롬을 실행하고 인스타를 접속
driver = webdriver.Chrome("./chromedriver")
#이때 https로 접속하면...  크롬에서 보안관련 팝업이 나타나서..자동진행에 방해가 되니 http로 접속하자
driver.get('http://www.instargram.com')


......

#크롬 드라이버를 통해 크롬을 실행하고 인스타를 접속
driver = webdriver.Chrome("./chromedriver")
#이때 https로 접속하면...  크롬에서 보안관련 팝업이 나타나서..자동진행에 방해가 되니 http로 접속하자
driver.get('http://www.instargram.com')

실행결과

 

자동으로 로그인 하는 장면도 넣고 싶으나...이건...내 개인정보 ㅠㅠ.... 넣을 수 가 없었다. 
자동으로 게시물을 넘기는 장면만 넣었다. 동영상에서 볼 수 있듯 하나의 게시물을 3초에 한번씩 넘기면서 데이터를 수집하는 중이다.

아래 파일은 pet이라는 검색어로 얻은 데이터이다.(이거 올려도 되는건가...?ㅎㅎ)

 

sample_pet.csv
0.23MB

 

 

마무리

필자는 인스타를 하지 않아서.. 사실 인스타 자체를 파악하는데 더 많은 시간이 들었던거 같다. 인스타의 구조를 좀더 잘 파악하고 있었으면 시간을 낭비하지 않았을텐데...

크롤링이라는 것도 사실 개념만 알고 있었지 이렇게 실전에서 사용하는게 처음이라서 사실 처음에 앞길이 막막했다...(잘 사용하지 않는 언어 + 잘 모르는 개념 = 지옥)

또한 크롤링 시, 해당 html의 class나 태그명을 통해서 크롤링을 하는게..기본인데.. Instagram이 업데이트를 열심히 하는지 자주 바뀌는거 같다...

driver.find_element_by_css_selector('body > div._2dDPU.CkGkG > div.EfHg9 > div > div > a._65Bje.coreSpriteRightPaginationArrow')
soup.select('div._97aPb img')
#div._97aPb img 이런 값이 업데이트 되면 다시 찾아서 수정해줘야 함 ㅡㅡ...

바뀌고 나서 해당 값을 찾을때 개발자 도구로 찾아도 좋지만 Python3의 디버깅 모드로 한줄한줄 디버깅하면서 찾는게 정확한거 같다...(시간은 많이 들지만.. 확실)

 

마지막으로 여러가지 키워드로 얻은 데이터를 워드클라우드로 시각한 자료까지 공유하면서 마무리 찡긋 >_o

이직 키워드
서울 시청 키워드(카메라 사러 많이 오나 보다 ㅇ,ㅇ)

반응형

'개발 > Python' 카테고리의 다른 글

[Python] Taling.me Crawling  (0) 2021.05.18
[Python] Class101 Crawling  (0) 2021.05.18
반응형

시작하기

개발환경
- MAC OS BigSure
- Android Studio 4.1.3

FireBase RemoteConfig란?

Firebase 원격 구성
앱 업데이트를 게시하지 않고도 일일 활성 사용자 수 제한 없이 무료로 앱의 동작과 모양을 변경할 수 있습니다.
firebase.google.com

개념적인 설명보다... 편한 이해를 위해 예를 들어 사용하자면 아래와 같이 많은 앱에서 배너로 쓰이는 문구가 있다고 가정해보자

그런데 이러한 문구가 어느 시점에선 바뀌어야 한다면 어떻게 해야할까? 보통 앱은 서버를 두고, 서버와 통신을 해서 배너 문구를 가져와 한다. 하지만 이러한 간단한 수정의 경우 FireBase의 RemoteConfig를 통해서 개발한다면 간단하게 개발을 진행 할 수 있다.

FireBase 접속 후, 앱만들기

firebase console 접속 후, Firebase Project를 추가하자.
프로젝트 이름을 입력 후, 스무스하게 다음을 누르다 보면 완료가 될것이다.
프로젝트 생성이 완료되었다면 프로젝트 클릭 후, 해당 화면에서 안드로이드 로고를 클릭해보자!

자 여기서 부터는 조금 중요한 내용이 포함 되어 있다.
1단계 여기서 중요한것은 Android 패키지 이름을 자신의 안드로이드 앱의 패키지 명과 같아야한다는 것

2단계 저 버튼 눌러서 파일 다운받아야한다는 것

마지막, 저기서 추가하라는 대로 gradle에 dependency 추가 할것

RemoteConfig Data 생성

표시된 Remote config 메뉴로 들어간다.

매개변수 추가 버튼을 클릭하여, 받아올 데이터의 이름과 값을 넣어 준다(참고로 값의 경우 json 형태로 만들어도 좋다.)

값을 추가, 변경했을 경우 상단에 "변경사항 게시"버튼이 나오니 완료 되었다면 변경사항을 게시하자.

Android 앱에 적용하기

그림과 같이 App 폴더 안에 다운 받은 google-service.json 파일을 옮긴다. 그리고 위 안내 처럼 gradle에 dependency를 추가 완료 한다.

        val remoteConfig = Firebase.remoteConfig
        remoteConfig.setConfigSettingsAsync(             
          remoteConfigSettings {                 
            minimumFetchIntervalInSeconds = 0
            }
        )
          remoteConfig.fetchAndActivate().addOnCompleteListener {
          		if (it.isSuccessful) {
                  val quotes = parseQuotesJson(remoteConfig.getString("quote"))
                  val isNameRevealed = remoteConfig.getBoolean("is_name_revealed")
                } else {
                  Log.d("kyh",it.exception.toString())
                }
          }
		}

remoteConfig객체를 생성 후, 기본 셋팅을 한다.
그 후, remoteConfig.fetchAndActivate() 함수를 통해 서버에 등록한 데이터를 가져 오도록 하자.

마무리

위에서 가져온 서버에 등록된 텍스트(json data)를 화면 보여주는 코드이다.

이렇게 하면 별도의 서버를 구축할 필요없이 간단한 데이터 통신이 가능한듯 ㅎ,.ㅎ 

반응형

+ Recent posts