웹 클라이언트 코드는 브라우저 안에서 동작

HTML 문서구조

개발자 도구

1. 크롬 브라우저를 열고 크롬 개발자도구 열기
   • 윈도우 (Ctrl + Shift + I), F12
   • 맥(Option + Command + i)
   • 접속 : http://www.amazon.com
2. 상단 메뉴이 Network 선택 후 새로고침
   • 좌측의 Name부분에서 www.amazon.com 선택.
   • 우측의 Response를 선택.(Response항목에서는 우리가 url로 서버한테 요청을 보냈을 때, 그 서*버가 준 응답 값을 볼 수 있다.)

HTML 특징

• HTML문서는 html태그로 시작해서 html태그로 끝난다.
• head : HTML문서에 대한 추가적인 설명. 문서에 대한 정보들이 포함되어 있음.
• body : 화면에 표현될 내용
• HTML은 계층적이다
• HTML은 tag를 사용해서 표현.
• JavaScript와 CSS가 html안에 여기저기 존재함.(JavaScript 코드는 body태그 닫히기 전에 위치하는 것이 렌더링을 방해하지 않아서 좋고, css코드는 head안에 위치해서 렌더링시에 브라우저가 빨리 참조할 수 있게 하는 것이 좋음.)

출처 및 참고자료

• 웹에서 html, css,javascript 테스트, 공유 가능 사이트
  http://jsbin.com/?html,css,output
• https://www.boostcourse.org/web316/