20.11.23. 오후 - 웹크롤링 이론 및 게임

TCP/IP (Transmission Control Protocol / Internet Protocol)

- 서로 다른 시스템을 가진 컴퓨터들을 서로 연결하고 데이터를 전송하는 통신규약

 

html / css / javascript

뼈대 / 가만히 있는 사람? / 활동적이게 해주는?

ㅋㅋㅋㅋ

 

<p> </p>

 

css - 자주 사용하는 스타일(글자크기, 색깔, 배경색)을 변경해주는..

 

id를 명시할 때는 맨 앞에 항상 #을 넣어줘야 한다. → #list

└ 하나 밖에 존재할 수 없음. 중복 불가.

class는 항상 맨 앞에 온점(.)을 넣어줘야 한다. → .item

└ 중복이 가능.

 

자식선택자 body > p { color : blue; }

└ (body의 자식인 p)만 바꾸겠다. p 밑에 p가 또 있다면 그건 body입장에서 손자.

자손선택자 body li { color : blue; }

└ (body 아래 있는 모든 태그. 즉 손자)중에 li만 선택해서 바꾸겠다.)

인접형제선택자 .item + li { color : orange }

└ (형제들 중) 바로 옆(오른쪽) 형제를 바꾸겠다.

형제선택자 .item ~ li { color : orange }

└ 자신의 오른쪽 형제들만 바꾸겠다.

 

자식선택자의 경우 내가 원하는 자식을 선택하기 위해 굳이 조상을 다 쓸 필요 없이 인접한 부모 하나만 써도 된다.

위 그림의 경우 banana 글자의 배경색을 노란색으로 바꾸고 싶다면 header > p > span을 해도 되지만, 아까 말했듯이 조상을 전부 나열하지 않고 단순히 p > span을 해도 바뀐다.

 

flukeout.github.io/

CSS Diner

게임으로 익히는게 가장 좋다면서 가져오신 게임.

근데.. 우리가 안 배운 것도 있고 이거 이렇게 해도 되나??? 싶기도 하고 ㅋㅋㅋ

주어진 제한시간 안에는 다 풀지 못했지만 1시간 반동안 재미있었다!