Web Scraping

• 웹페이지에 있는 데이터를 모으는 작업

HTML

• HyperText Markup Language
• 웹 페이지가 어떻게 구성이 되어야 하는지 알려주는 마크업 언어(구조/뼈대)
• 요소(Element) - head, body, div, li 등등 존재
  • 하나의 요소 안에 다른 요소를 추가할 수도 있다

<ul>
    <li>Hello</li>
    <li>World</li>
    <li>!</li>
</ul>

CSS

• Cascading Style Sheets
• 웹 페이지가 어떻게 표현되는지 알려주는 스타일시트 언어 (살을 붙이는 역할)
• 이렇게 멈춘 상태에서 값을 확인, 또는 특정 단계 검토 등 다양한 작업 가능
• 스타일에 관한 내용이 많을수록 복잡도 UP, 편의성 DOWN
• CSS Selector
  • 특정 요소를 선택할 수 있는 방법 (어떤 살?) ; 원하는 요소를 쉽게 접근 할 수 있음
  • 종류
    • Type selector: CSS 타입에 따라서 선택
    • Class selector: 클래스에 따라 선택
    • Id selector: id에 따라 선택
• CSS 상속
  • 요소의 위치에 따라 상위 요소의 스타일을 상속 받음

<div style="color:red"> #open 
		<p>I have no style</p>
</div> #close  

# p 태그는 스타일 적용 X, 하지만 상위 요쇼인 div의 영항을 받음 

• CSS 클래스
  • 어떤 특징 요소들의 스타일을 정하고 싶을 때 사용

<p class="banana">I have a banana class</p>

<p class="banana fruit orange">I have many classes</p>

• CSS ID
  • 클래스와 비슷하게 사용 할 수 있음

<p id="pink">My id is pink</p>

#pink {
    color:"pink";
}

DOM