웹 브라우저의 객체

자바스크립트 코드를 삽입하는 방법

1. script 요소의 내용물로 작성 (인라인 스크립트)

<script> console.log("Hello!"); </script>

<script> 
	console.log("Hello!"); 
</script>

1. 외부 파일 읽어 들이기 (외부 스크립트)

<script scr="../script/sample.js"></script>

<script scr="../script/sample.js"></script>

1. 이벤트 처리기 속성에 작성하기

<input type="button" value="click" onclick="console.log("Hello!")">

1. Javascript : URL (자바스크립트 의사 프로토콜)

<a href="javacript:console.log('I\\'m pretty good!');"> what's going on? </a>

<a href="javacript:console.log('I\\'m pretty good!');"> what's going on? </a>

 

렌더링 엔진의 역할은 요청 받은 내용을 브라우저 화면에 표시하는 일

• HTML, XML 문서와 이미지 표시
• 플러그인 브라우저 확장기능, PDF 유형표시 가능

여기에서는 HTML과 CSS에 초점을 맞추어 설명

 

Window : 전역객체라고도 불린다.

JSC , BOM , DOM 모든 객체를 포함하고 있다. 창이나 프레임을 의미한다.

DOM(Document Object Model) 으로 통합해서 칭하기도 함 (책에서는 통합해서 칭한 거 같습니다)

정확히는 자바스크립트가 아닌 웹브라우저가 제공하는 기능 —> 우리가 웹 브라우저 작동원리를 알아야하는 이유

Javascript <script>태그를 만나면 스크립트가 해석 및 실행되는 동안 문서의 파싱이 중단됨

외부에 있는 경우 네트워크로 부터 자원 가져오기 -> 실시간으로 처리되고 자원 받을때까지 파싱이 중단