JavaScript와 DOM/BOM

JavaScript

선언형 HTML 과는 달리 브라우저에 담길 내용을 동적으로 제어하는 프로그래밍 언어.

클라이언트 와의 인터랙티브한 상호작용, 프로그래밍, 서버와의 통신을 위해 주로 사용된다.
웹에서 현재 아주 강력한 도구!! 브라우저를 통해 돌아가기 때문에 누구나 사용할수 있다는 장점이 있다.

 

 

DOM(Document Object Model)

문서 객체 모델. 텍스트로 된 웹문서를 브라우저에 렌더링할 때 브라우저가 이해할 수 있도록, 모든 요소들의 관계를 트리구조로 구성한 것.

 > 웹브라우저는 각각의 태그마다 1대 1 객체를 만들기 때문에 우리는 자바스크립트를 이용해 만들어진 객체를 대상으로 메서드를 호출하면 된다 

사용방법. 
= getElementsByTagName("tag") : 모든 해당태그를 배열로 리턴 (이것이DOM구조를 사용하는 것)

= window의 하위 객체이기 때문에 window.document로 html 문서에 접근 가능하지만 document. 만으로도 접근 가능

 

 

BOM(Brower Object Model):

자바스크립트가 브라우저와 소통하기 위해 만들어진 모델로 자바스크립트와 상호작용하는 메소드를 통칭.
window 객체로 접근 가능하다.
navigator: 브라우저 명과 버전정보를 속성으로 가짐 

window: 프레임 별로 존재하는 최상위 객체

document: 현재 문서에 대한 정보

location: 현재 URL에 대한 정보, 브라우저에서 사용자가 요청하는 URL

history: 현재 브라우저가 접근했떤 URL history

screen: 브라우저 외부 환경

 

J Query 

자바스크립트로 만들어진 라이브러리 위의 (문서중심) BOM/DOM 형식을 줄여 간편하게 쓸 수 있도록 구성됨.