웹 개발 언어54 크롤링 - Gmarket 베스트셀러 가져오기 브라우저를 이용하기 위해 selenium에서 웹드라이버를 import하고 크롤링해서 가져온 결과를 DataFrame 형식으로 만들거기때문에 pandas가, 브라우저에서 페이지 이동시에 시간차를 둬야하기 때문에 time이 필요하다! import 해두고 시작! 드라이버를 통해 지마켓 베스트셀러 페이지를 가져온다. 이런 페이지가 나타난다. ( 중복 상품이 많군 ) 상품 정보를 보려면 어떤 태그를 이용해서 크롤링 해야할지 개발자 모드로 확인한다. img 태그에 lazy라는 클래스로 되어있어서 식별자로 쓸 수 있다! 상품 이미지를 imgs 라는 변수에 가져오고 imgs 에 있는 이미지들 중에 첫번째 이미지를 클릭한다. 상품의 이름과 가격이 어떤 태그, 클래스에 들어있는지 확인한다. 확인한 클래스 이름을 통해서 가.. 2022. 3. 14. CSS float, layout, 선언방식 float - 요소를 띄워서 배치하는 속성 - left : 왼쪽에 요소를 띄움 - right : 오른쪽에 요소를 띄움 - none : 띄우지 않음 (기본값) clear - float와 반대로 옆을 비울것인지 설정 RUN! Told you not 또 괜한 기대 겉으론 걱정해 난 안 바뀌네 또 가끔 말을 막 해 너무 딱해 헛소리들 나는 안 들리네 no oh yeah Told you 난 so always b day 겉으론 내 편인데 못해 이해 그 참견들은 가짜 나는 바빠 어떻게 해도 나는 안 들리네 no no oh(... 밑에 가사 생략) img 태그에 float:right 설정 img 태그에 float:right을 주고 div 태그에 clear:both 값을 주었을때 layout 만들기 header nav .. 2022. 3. 14. CSS overflow, background, position, float overflow -부모요소의 범위를 벗어날 때 어떻게 처리할지 지정 -visible : 그대로 보여짐 ( 기본값 ) -hidden : 숨김처리 -scroll : 스크롤처리 (영역 내에 들어가도 스크롤이 생성됨) -auto : 영역 밖으로 나가면 scroll이 생성되고, 영역 안이면 scroll이 생성되지 않음. background - 요소의 배경 스타일 지정 - background-color : 배경 색상 지정 - background-image : 배경 이미지 지정 - background-repeat : 배경 반복 여부, 방향 지정 - background-size : 배경 이미지 너비 높이 지정 position - 자유자재로 요소의 위치를 배치하는 속성 - static : 태그가 위에서 아래로 순서대로 .. 2022. 3. 14. Servlet Servlet 이란? - Dynamic Web Page를 만들 때 사용되는 자바 기반의 웹 애플리케이션 프로그래밍 기술! 웹 통신을 위한 용어들 HTML - 웹페이지를 만드는 언어 URL - 원하는 페이지 이동을 위한 주소체계 Web Browser, Web Server - 문서를 주고받기위한 소프트웨어 web browser - client가 웹페이지 요청할 때 사용(Request) web server - server가 요청에 응답할때 사용, html 형식(Response) HTTP protocoal 통신하기위해 사용하는 규칙 정적 페이지 - 누가 접속하든 같은 정보를 보여준다(ex.나무위키) 동적 페이지 - 접속하는 사람에 따라 다른 정보를 보여준다(ex.장바구니) WAS (Web Application .. 2022. 3. 11. 이전 1 ··· 8 9 10 11 12 13 14 다음
