2020-11-25 TIL
1 minute read
uxui
- 링크에 마우스를 가져가면 손모양으로 바뀌도록 한다
html
<!DOCTYPE html> // html 선언
<html> // 가장 바깥쪽에 있는 태그 = 루트 태그
<head> // body의 부가정보
<title>HTML5 Basic Page</title> // titlebar에 출력되는 정보
</head>
<body>
</body>
</html>
Document Object Model Tree
- DomTree
- Tag = element (되도록이면 element라 한다)
- html의 입장
- html은 parant
- head, title, body 각각을 child라고 하고 그 전체를 descendent라 한다
- title의 입장
- head는 parant
- Head, html은 ancester
- html을 root라 하고 title처럼 가장 끝단에 있는 element를 leaf라 한다
element
- 블럭 타입 : 줄 전체를 차지하는 엘리먼트, p, h, dr
- 인라인 타입 : 한 줄 안에 계속 놓여지는 엘리멘트, a 등
html과 css, javaScript
- html 안에 css style을 넣지 않는다.
개발자 도구
- html 소스는 페이지 소스보기를 했을 때 나오는 것이 오리지널이다.
- 개발자 도구에 나오는 elements의 소스는 웹 브라우저가 html 문법에 맞춰서 재구성 한 소스이다.
- 오리지널 소스에는 없는 엘리멘트가 들어갈 수 있다.
html과 Image 파일의 관계
- html을 받을 때 image 파일까지 전부 다 받는것이 아니라 html을 받아서 렌더링을 하다가 이미지 파일을 만나면 멀티 스레드를 통해서 해당 이미지를 따로 받아서 렌더링 된 html 화면에 이미지를 삽입한다.
- 리퀘스트가 여러번 발생한다.
속성의 존재
- 속성이 존재하는 것만으로도 의미가 있는 것들이 있다.
- 이 경우에는 속성의 이름만 있어도 정상 작동한다.
- True/false 인 경우 그렇다.
- 그렇기 때문에 controls=”false” 라고 적으면 잘못된 것이다.
- 콘트롤을 빼고 싶다면 controls를 없애라.
- controls=”controls” 에서 속성값은 아무 의미가 없다.
- controls=”111”나 controls=”hahaha”여도 정상적으로 작동한다.
Web Browser가 Web Server에게 값을 보내는 방법
- http프로토콜은 client에서 server로 딱 한번 데이터를 전송한다.
- server도 client로 딱 한번 데이터를 전송한다.
- 그래서 client에서 server로 데이터를 보내려면 요청할 때 보내야 한다.
HTTP요청 - GET 요청
- http프로토콜은 stateless의 방식
- 주소창에 데이터가 드러난다
- 파일 이름은 보낼 수 있지만 파일 자체는 보내지 못한다.
HTTP요청 - POST 요청
- 주소창에 데이터가 드러나지 않는다.
- 데이터는 아래에 나타난다.
- 파일을 보낼 수 있다.
HTTP Proxy 활용
- 리퀘스트를 하면 프록시 서버에 로그를 남기고 응답을 받으면 프록시 서버에 응답 로그를 남긴 다음에 응답을 받게 된다.
- 모든 데이터가 프록시 서버에 로그로 남는다.
- 맥 찰스툴이 프록시 서버를 보여준다.
