크롬 개발자도구 간단 사용법 및 웹로그인

크롬 개발자 도구 간단 사용법 및 웹 로그인

 

안녕하세요. 오늘은 크롬 개발자 도구의 사용법을 알려 드리겠습니다. 웹크롤링을 하기 위해서는 크롬 개발자 도구가 필요합니다. 웹페이지를 이루는 요소들을 분석을 해서 값을 가져오거나 요청 값을 보내야 하기 때문입니다. 

 

크롬 개발자 도구를 사용을 하기 위해서는 크롬을 실행을 합니다. 크롬을 실행을 한 후 키보드의 [F12]를 누르면 다음 그림과 같이 옆에 창이 뜹니다. 웹페이지의 구성요소를 찾기 및 분석을 하기 위해서는 HTML 문서를 공부를 선행으로 해야 됩니다. 

 

선택한 페이지의 속성 값을 확인을 하려면 다음 그림과 같이 클릭을 합니다. 개발자 도구의 맨 윗부분에 있습니다.

 

 

예제로 제가 자주 구매를 하는 낚시용품점 사이트입니다. 자동 로그인을 만들기 위해서 예제로 선택을 해보았습니다.

해당 사이트에 접속을 하신 후 로그인 부분의 ID부분에 다음 그림과 같이 하시면 3번처럼 속성을 보실 수 있습니다.

 

 

아이디의 속성 값을 확인할 수 있습니다.

 

 

<<< 파이썬 웹 크롤링 준비 작업 >>>

1. Selenium 설치

2. Chrome Webdriver 다운로드

3. Selenium 활용해 웹 자동 로그인 만들기

 

 

1. Selenium 설치

Win + R를 누른 후 명령 창에 cmd를 입력합니다. 

* 파이썬 환경 세팅까지 이루어졌으면 다음과 같은 화면이 나오게 되면,  pip install selenium을 입력을 합니다.  

환경 세팅이 잘 이루어져야 명령어를 실행했을 때 캡처를 한 것과 같이 진행이 됩니다.

 

2. Chrome Webdriver 다운로드

Chrome Webdriver를 다운로드하여야 합니다.

윈도우 사용자는 win32, win64 버전이 있는데, win32를 받으셔도 64bit 사용자도 모두 호환이 됩니다. win32를 받아주세요. 다운로드할 주소는 다음과 같습니다.

https://chromedriver.chromium.org/downloads

Downloads - ChromeDriver - WebDriver for Chrome

 

사이트에 제가 접속할 당시에는 ChomeDriver 81.0.4044.69 가 최신이네요. 클릭하여 다운로드합니다.

 

 

3. Selenium 활용해 웹 자동 로그인 만들기 

 

이 부분은 계속 내용이 길어 지기 때문에 다음 포스팅에서 자세하게 다루도록 하겠습니다. 이제 자동으로 웹 접속 및 로그인할 준비는 모두 되었으니, 다음 포스팅에서 Selenium을 이용하여 자동 로그인을 해보겠습니다.