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

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

WEB1- HTML & Internet - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB1 - 9. 줄바꿈 : br vs p] 'html new line tag' 검색을 통해 줄바꿈 찾기 : 줄바꿈 , 열리는 태그와 닫히는 태그가 따로 존재하지 않음 을 통해 단락 처럼 구분 할 수 있음 'html paragraph tag' 검색을 통해 단락 표현 찾기 : 단락 표현하기 br태그는 단순한 줄바꿈인 반면에, p태그를 사용해 단락의 처음과 끝을 알 수 있다. 이를 통해 단락의 구간을 의미론적으로 표현 할 수 있다. -> 정보로서 더 가치있는 HTML이 된다는 것의 중요성 but br태그는 원하는 만큼 줄바꿈을 할 수 있지만, p태그는 정해진 여백만큼만 벌어짐 이는 css 문법(margin..

WEB1- HTML & Internet - YouTube 유튜브 '생활코딩' 강의를 듣고 정리했다. [ WEB1 - 1. 수업소개 ] 나의 문제를 코딩으로 해결하려는 엔지니어를 상상하기 해결하려는 문제를 찾기 [ WEB1 - 2. 프로젝트의 동기 ] SQL언어를 알려주는 강의를 시작함 같은 이야기를 반복, 대면이 아닐경우 참석하지 못하는 한계가 있음 HD화질이 생겨 온라인 강의를 시작하는 계기가 됨 [ WEB1 - 3. 기획 ] 무엇인가를 만들기 전에 해당 대상을 1상상하고 2계획하고 3구체화하는 과정 필요 기획 - 설계, 그려보는 과정 코딩수업과 내용을 정리할 수 있는 웹사이트를 기획함 [ WEB1 - 4. 코딩과 HTML ] 사람과 기계가 하는 작업을 분리해서 생각해보기 (어떤 것이 원인이고 결과인지..