Web04 :: browser에서의 웹 개발

브라우저에서 웹 개발.

브라우저 하면, 엣지 브라우저, 사파리 같은 브라우저 통해서 인터넷 들어간다. 

 

웹 사이트 , 크롬 브라우저 개발자 도구를 연다. 

코드가 잘 동작하는지 브라우저를 열고 확인을 한다. 

크롬 개발자 도구를 통해서 어떤 문제가 있는지 없는지 = 디버깅, 디버깅 과정을 위해서 개발자 도구가 필요하다.

 

Network - 새로고침 단계

www.amazon.com 을 enter를 치는 순간 서버로 요청이 가는 것이다. 

서버에서 응답 값을 준 값들을 response 항목에서 볼 수 있다.

 

response가 서버에서 첫번째 보내준 소스코드라고 할 수 있다. 

용량을 줄이기 위해서 압축 하기도 한다. 

meta 태그 = 문서가 어떤 것인지 브라우저에게 알려주는 것이다. 

ex) utf-8 이런것처럼 

 

html안에 자바스크립트 css가 복잡하고 불규칙적으로 다뤄지고 있다는것을 알수있다. 

 

html은 계층적이다. 

html은 tag를 사용해서 표현한다. 

body에는 이제 화면에 표현되야 될 div나 이런 것들을 포함하게 되어있다.

html은 계층적으로 존재한다. html은 태그를 이용해 사용한다.