웹 개발 언어54 CSS Box Model, box-sizing, border Box Model - 요소에 부피감을 결정하는 개념 - 웹 페이지의 레이아웃 및 디자인 설계 시 - margin : 바깥여백 - border : 경계선 - padding : 안쪽여백 - width : 너비경계선(border) - content : 내용 - width 요소의 너비 지정 -height 요소의 높이 지정 - background-color 박스 모델 색 지정 - border 경계선 스타일 지정 -margin 경계선의 바깥 외부 여백 -padding 경계선의 안쪽 내부 여백 margin (바깥여백 설정법) margin: 10px; 모든 방향에 적용 margin: 10px 10px; top,bottom / right,left 적용 margin: 10px 10px 10px; top / right,le.. 2022. 3. 9. Selenium 라이브러리 이용하기 Selenium 라이브러리는 컴퓨터가 브라우저를 제어할 수 있게 도와주는 라이브러리이다. 설치, 임폴트 + 크롬드라이버 설치가 필요하다. 우리가 쓰는 크롬 브라우저가 있듯이 컴퓨터가 웹에 접속할때도 브라우저가 따로 필요하다. 이때 필요한 것이 (from selenium import webdriver as wb)부분이다. 사용자는 키보드를 통해서 컴퓨터에게 입력을 하듯이 컴퓨터가 웹에 입력을 할때 필요한 것은 (from selenium.webdriver.common.keys import Keys)부분이다. 크롬드라이버를 여는 함수는 Chrome()이다. 파이썬 파일과 크롬드라이버의 저장위치가 같을 때는 괄호 안에 아무것도 넣지 않는다. 그리고 이 함수를 driver라는 변수값에 넣었다. 이 셀을 실행시키면.. 2022. 3. 8. CSS 계층선택자, 반응선택자, display 계층 선택자 자식, 자손 관계를 이용해서 선택자를 지칭하는 것을 말한다. 특정위치의 요소를 계층적 구조로 요소를 선택한다. 실습 오점추 떡볶이 김치 탕수육 JAVA 짜장면 오븐스파게티 유튜브 선택자 게임으로 공부하기 https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 크기단위 1. px : 화소 하나에 대응하는 단위(고정값) 2. em : 부모 요소 크기에 따른 배수 단위 ex) 부모의 크기가 30px이고 자식이 10em라면 자식의 크기는 300px 3. % : 기본 설정 되어있는 크기에서 상대적인 단위 이서연(px) 이서연(em) 이서연(%) 반응 선택.. 2022. 3. 7. 크롤링 - 영화리뷰 데이터 수집 오늘은 네이버 영화 리뷰 페이지에서 사용자가 남긴 리뷰만 가져오는 것을 해보았다. 내가 가져오려는 문자가 있는 태그를 확인한다. 어제 배운대로 div 태그 내의 score_reple 클래스, p라는 자식 태그에 있는 문자들을 가져온다. 그런데 뭔가 이상하다. 내가 원한 리뷰가 아니라 다른게 출력된다. 리뷰 페이지에 가서 스크롤을 쭉 내려보면 기자,평론가 평점에서 나온 문자라는 것을 알 수 있다. 왜 관람객 평점은 가져올 수 없었던걸까? 이 관람객 평점은 어제 배웠던 iframe태그를 통해서 가져온 별개의 페이지에 존재하기 때문이다. 해결법 개발자모드에서 Ctrl+f 를 누르면 코드 안의 특정 문자를 검색할 수 있다. 이 창에 iframe을 검색한다. 비어있는 iframe도 있으니 주의해서 src값을 가지.. 2022. 3. 4. 이전 1 ··· 9 10 11 12 13 14 다음
