728x90
반응형

css 3

[크롤링] HTML / requests / beautifulsoup / CSS선택자

[ html ] - 웹페이지의 구조를 나타내기 위한 언어 - 태그로 구성 (태그는 속성명과 속성값이 있을 수 있음) ex) 웹페이지 [크롤링에서 자주 사용된는 태그 종류] 태그명 역할 div 구역 나누기 a 링크 h1 제목 p 문단 ul, li 목록 * 태그는 부모태그와 자식태그가 있음 [ 네이버뉴스 HTML 해킹 ] chrome으로 네이버 뉴스에 접속하여 [F12]키를 누름 해당 버튼을 누르고 원하는 기사의 제목을 클릭하면 해당하는 html을 찾아줌 실시간으로 바뀐 것을 확인 할 수 있다. 실제로 해킹 된 것은 아니고 html의 내용만을 바꾼 것이다. 새로고침을 하면 원래대로 돌아온다. [ requests ] - HTTP 통신을 위한 파이썬 라이브러리 * 라이브러리 : 프로그램 개발을 쉽게 하기 위한 ..

카테고리 없음 2022.05.23

[WEB : 생활코딩] CSS – 7. CSS 선택자의 기본 ~ 9. 박스 모델 써먹기

(47) WEB2-CSS - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB2 - 7. CSS 선택자의 기본 ] class라는 그룹으로 묶고, saw라는 속성 값을 주어 ** 우선순위 : id 선택자 > class 선택자 > 태그 선택자 (구체적인 것이 포괄적인 것보다 우선순위가 높음) " css selector " 검색을 통해 여러가지 형태의 선택자 활용 [ WEB2 - 8. 박스 모델 ] box.html 파일에서 작업했다. 인 제목 태그는 화면 전체를 사용하는 반면, 링크 태그는 줄 바꿈을 하지 않고 콘텐츠 크기만큼 사용-> 테두리를 그리면 부피를 알 수 있다. block : 화면 전체를 쓰는 태그inline : 자기 자신의 부피, 콘텐츠 크기만큼 갖는 태그 block과 inlin..

Web 2022.05.08

[WEB : 생활코딩] CSS – 1. 수업소개 ~ 6. CSS 속성을 스스로 알아내기

(47) WEB2-CSS - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB2 - 1. 수업 소개 ] WEB1과 연관된 수업 목적 : HTML을 이용하면 전자 문서를 만들 수 있다. 더 원하는 웹 페이지를 만들기 위해 CSS가 필요 [ WEB2 - 2. CSS가 등장하기 전의 상황] 웹페이지를 아름답게 만들기 위한 고민이 생김 1. HTML에 디자인에 대한 새로운 태그 추가하기 2. 디자인에 최적화된 완전히 새로운 언어 만들기 (CSS) 방법 1에서 디자인에 대한 태그 를 사용함 (지금은 사용하지 않음) -> 는 해당 글에 대한 어떠한 정보를 가지고 있지 않음, 단지 디자인만 나타내고 있음 (의미가 없음) 정보가 아닌 디자인에 대한 코드가 섞이면서 웹페이지가 정보로서의 가치가 현격하게..

Web 2022.05.08
728x90
반응형