04 Python_Crawling

---

TABLE

#####01. Note

#####02. Storehouse #####03. Site #####04. Bookmark #####05. Question

---

1 create

gitignore.io

macOS, Linux, Python, pycharm+all

HTTP / HTML과 다른것

2진 데이터와도 같아요. 해당 파일에 포맷으로 규칙에 의해서 나타나는 거거든요.

인터넷 랜선을 통해서 나타나는 것도 0101 인데 어떤 순서에 따라서 뭔지 규약을 정해야하는데 그 규약을 프로토콜이라고 불러요. 약속.

보내는쪽 받는 쪽이 같아야. 해석을 할 수 있어요.

HyperText Transfer Protocol

TCP와 UDP라는 더 낮은 규약 위에서 돌아가요. HTTP요청은 클라이언트와 서버 사이에 이루어지는 요청 응답 프로토콜이다. 구글을 들어가면 요청이 가고 구글에서 응답이 오고 끝남.

Djangogirls-Turorial

---

맨날 브라우저에서 복사 붙여넣기하면 귄챃으니까 터미널에서 하죠. 쉘에서 하니까

파이썬에서 HTTP를 하려면 검색에 python http library

standar library는 불편해서 안씀

보통 스탠다드보다는 리퀘스트를 많이 써요. 처음 써보는 써드파티 라이브러리. 다른 사람이 만든 라이브러리.

하나의 사이트가 구축이 될 정도면 기능이 굉ㅈ아히 많은거에요. 보통 퀵 스타트라고 대표적인 예제 하나가 사이트 처음 들어가면 있음.

복사 붙여넣기해서 되지는 않네요. 밑에 내려가면

pip install requests request아닙니다.

파이썬 우측에 빨간 경고 버튼

이 코드를 해석을 할 때 써드파티 패키지를 쓰고 있죠. fc.python에 깔린건지 어디에 깔린건지 알 수 없어요. 이 코드에 올바른지에 대해서 판단할 수 있게해야줘야 하거든요. 이 파이참에다가 파이썬을 설ㅈ어해주는거에요. 이것도 제가 블로그를 만들어ㅗㅎ긴 햇어요.

preference

htm

옛날옛날에는 html을 세글자로 표현하려고 htm이라고 한것.

04 Python_func~

---

TABLE

#####01. Note

#####02. Storehouse #####03. Site #####04. Bookmark #####05. Question

---

04 Python

---

TABLE

#####01. Note

#####02. Storehouse #####03. Site #####04. Bookmark #####05. Question

---

03 GIT

---

TABLE

01. Note

02. Storehouse

03. Site

04. Bookmark

05. Question

---

02 HTML/CSS

---

####TABLE

#####01. Notetaking #####02. Storehouse #####03. Site #####04. Bookmark #####05. Question

---

##01 Notetaking

같은 코드를 세 번 이상 반복하지 말라

html로 구조를 만들고 나서 css로 넣는다는 생각으로.

속성과 속성을 구분하는 구분자는 띄어쓰기

HTML의 여러 태그 중에 무엇인가를 설명하지 않는 태그들은 감싸야하는 컨텐츠가 없기 때문에 태그를 닫지 않는다는 규칙이 있습니다. img, input, br, hr, meta 등이 닫지 않는 태그의 사례입니다.

부모도 자식도 블록 -> 자식에 margin: 0 auto 부모는 블록,
자식은 인라인 블록 -> 부모에 text-align: center

Q. 인라인블록인데 text-align이 어떻게 됨?

• 인라인 -> 가로값만 가지고 가로 마진/패딩만 된다
• 블록 -> 가로세로값은 지정해주지않으면 가로100%이고 지정해주면 지정해준값만큼 되지만, 자리차지는 한 줄을 다 해서 옆에 다른게 못온다.
  -> float를 하면 아니다
• 인라인블록 -> 가로세로값 다 가지고 가로세로마진패딩 다된다, 자리차지는 자기 가로세로만큼만 한다

이미지는 inline element block에서 inline-block준에랑 inline에서 inline-block준애랑 똑같음.
inline에 inline-block하면 세로값을 조정할 수 있게됨.
block에 inline-block하면 가로 폭을 잃게됨.

사진은 inline-element.

피카츄예제에서 텍스트는 블록이기때문에 원래 위까지 못오는데 사진에 float: left; 를 해서 글이 위로 온 것. 만약에 글에 float : left한다음 %줬다면 피카츄 사진 폭 만큼 텍스트 범위가 없었을 것 (p.91, 92)

Clearfix는 사라진 자식찾기 vs GhostElement는 잃어버린 형제찾기

암기비법

float는 margin, padding만 먹음.

position 주면 float하는 의미가 없음.

input, textarea, button 상속이 안되서 font는 적용이 안됨

font: inherit; 이라고 써야됨.

Javascript == inline

우선순위 같음.

inline-block 요소가 붙어있으면 사이에 공백이 생김.

-> float로 해결 or font-size: 0;

ex) ABC ABC vs ABCABC -> 줄바꿈도 컴퓨터는 공백으로 인식하기 때문에.

& > * { height: 60px; text-decoration: none; }

-> 링크안보이도록해서 __ 그어지는 문제해결

float로 자식 잃어버리는 문제 해결방안 4가지

(1) 부모에 overflow: hidden or auto; (스크롤 생기는 변수때문에 잘 안씀)

(2) display: inline-block;

(3) (다음자식에) clear left or right;

(4) clearfix

float 속성을 주면 width 값을 잃어버리기 때문에 width: 100%;처럼 가로 값을 다시 설정해야함.

inherit은 무시하기 위해 넣은 것. -> 기본값을 가짐.

height의 경우 %는 부모 기준으로 주어지는 것이기 때문에 부모에 %가 주어지지 않으면 안됨. (물론 값으로 주면 당연히 됨) 반면 width는 (부모가 div 블록요소일 경우) 가로 값을 100% 차지하고 있기때문에 부모에서 %가 없어도 사용가능.

블록요소는 무조건 부모 가로 크기의 100%를 차지하고 있음.

레이아웃 그릴 때 사진을 갖는 부모를 고정시키려면 부모의 height 보다는 width를 고정. because 세로가 긴 사진이 오면 사진이 넘어버림.

margin은 아래쪽으로 주는 습관 가질 것.

아래쪽으로 줘야 마진 충돌이 안일어남.

01 ShellScript

---

####TABLE

#####01. Notetaking #####02. Storehouse #####03. Site #####04. Bookmark #####05. Question

---