Object Model
웹브라우저의 구성요소들은 하나하나가 객체화되어 있다. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 된다. 이 객체들은 서로 계층적인 관계로 구조화되어 있다. BOM과 DOM은 이 구조를 구성하고 있는 가장 큰 틀의 분류라고 할 수 있다.최상단엔 window라 불리는 ‘루트’ 객체가 있다. window 객체는 2가지 역할을 한다.전역 객체 챕터에서 설명한 바와 같이, 자바스크립트 코드의 전역 객체이다.'브라우저 창(browser window)'을 대변하고, 이를 제어할 수 있는 메서드를 제공한다.아래 예시에선 window 객체를 전역 객체로 사용하고 있다.function sayHi() { alert("안녕하세요.");}// 전역 함수는 전역 객체(window)의 메서드임window.sa..
inlineinline 방식은 태그에 직접 자바스크립트를 기술하는 방식이다. 장점은 태그에 연관된 스크립트가 분명하게 드러난다는 점이다. 하지만 정보와 제어가 섞여 있기 때문에 정보로서의 가치가 떨어진다. script 태그를 만들어서 여기에 자바스크립트 코드를 삽입하는 방식이다. 장점은 html 태그와 js 코드를 분리할 수 있다는 점이다. 외부 파일로 분리js를 별도의 파일로 분리할 수도 있다. 장점은 보다 엄격하게 정보와 제어를 분리할 수 있다. 하나의 js 파일을 여러 웹페이지에서 로드함으로서 js의 재활용성을 높일 수 있다. 캐쉬를 통해서 속도의 향상, 전송량의 경량화를 도모할 수 있다. var hw = document.getElementById('hw');hw...