자바스크립트 구성요소

자바스크립트는 아래와 같은 3가지 구성요소들로 이루어져 있다.

자바스크립트 BOM

자바스크립트 BOM(Browser Object Model)은 브라우저와 관련된 객체로 구성되며, 브라우저를 프로그래밍적으로 제어할 수 있는 수단이 된다.

• Window
• Navigator
• Location
• History
• Document
• Screen

BOM은 전역객체인 Window 객체의 프로퍼티와 메소드들을 이용해 제어하기에 Window 객체의 사용법을 배우는 것과 같다.

자바스크립트 DOM

자바스크립트DOM(Document Object Model)은 웹문서를 조작할때 지켜야할 규칙(인터페이스)을 브라우저 제조사의 자신들만의 기술로 기능을 구현한 것이다. 웹표준은 W3C DOM 인터페이스를 따르며, 구형 IE7,8의 경우는 지원하지 않는 부분이 존재한다.

• Element 제어부
• Style 제어부
• Attribute 제어부
• Event 제어부

브라우저가 HTML 웹문서를 파싱한 후, 이를 문서에 작성된 노드와 1:1로 매칭되도록 DOM 객체를 변환한 후 화면에 출력한다. 비록 그 구조가 눈에 보이지 않지만 추상적으로 그 개념을 이해하고 접근하여 사용할 수 있게 된다.

자바스크립트 Core

자바스크립트의 기본 문법과 구조, 데이터 타입, 조건문, 반목문, 함수, 기본 라이브러리등이 포함된다. 우리가 새로운 프로그래밍을 배울때 익히는 기초적인 문법들이 이에 해당된다.