티스토리 뷰

새롭게 시작하는 개발 이야기/공부

object Model - 1월 26일 발표 (스터디)

Resian 2023. 1. 26. 15:22

개요

자바스크립트를 통하여 브라우저를 제어하기 위해 객체를 다루는 방법에 대해 정리한다.

 

내용

객체화를 어떻게 할까?

-> document.get 메서드를 통해 찾아낸 객체에 값을 추가하여 동적으로 변경하게 하는것이 객체화이다.

 

어떻게 객체를 통해 브라우저를 제어할까?

1. 브라우저에서 이미 웹페이지를 읽는 과정에서 각각의 태그들마다 미리 객체를 만든다.

2. 이미 만들어진 태그에 해당되는 객체를 찾는다.

3. 찾은 객체를 대상으로 어떠한 메서드나 프로퍼티 값을 가져온다거나 하는 것을 통하여 객체 제어를 한다.

    (객체 제어 = 객체가 가르키는 태그 제어)

 

window 객체의 2가지 의미

1. 전역객체

2. window.frames 와 같은 메서드를 제어하기 위한 객체

     전역변수를 생성하고, 어떤 객체에 소속된 함수인 method가 아닌 함수를 선언한다는 것은 사실상 window의 프로퍼티가 되는 것으로,

     함수라면 window의 함수가 되는 되는 것임으로 전역변수라는 것은 결국엔 window 객체의 프로퍼티를 만든다는 의미이다.

 

DOM (document Object Model)

window 객체의 프로퍼티 중에 하나인 doument 객체를 이용하여 웹 페이지의 문서 <body>, <img>등의 태그를 제어한다. (문서제어)

 

BOM (browser Object Model)

 - 웹 브라우저를 제어하기 위해 브라우저가 제공해주는 객체들을 의미합니다.

 - window 객체의 프로퍼티들에 저장되어 있으며 현재 웹페이지 혹은 웹 브라우저가 가르키는 url을 가르키거나 페이지를 리로드 하거나 경고창을 띄우는 등의 동작을 담당하는 객체이다.  (브라우저 제어)

 - js를 통하여 브라우저의 새 창을 열거나 현재 창에 열려있는 문서의 url을 알아내거나 현재 동작하는 웹브라우저의 버전 등을 알 수 있도록 도와주는 객체이다.

 

javaScript core

- 브라우저, 구글 앱스 스크립트, 노드 js 서버 등의 제어를 한다.

 

DOM, BOM 과 javascript core 의 차이점

DOM과 BOM은 브라우저라는 호스트 환경에서만 존재하는 객체이다.

 

각각의 언어를 제어하는 제어하는 공통적인 언어가 js이고, js는 자체적으로 가지고 있는 객체 Object,Array,Function 등을 가지고 있다.

js를 통해 호스트 환경이 어떤것이든 제어할 수 있는 시스템이라 한다면 js core를 가지고 있게 된다. 

 

결론

object model = 브라우저의 여러 구성 요소들을 객체로써 제공해준 것.

  기능
DOM 웹페이지의 문서 <body>, <ing> 등의 태그를 제어함. (문서제어)
BOM 현재 웹 페이지, 웹 브라우저가 가르키는 URL을 가르키거나 페이지를 리로드 하는 등의 것을 담당하는 객체. (브라우저 제어)
javaScript core 브라우저, 구글 앱스 스크립트, 노드 js 서버 등의 제어를 함.

 

 

같이 보거나 참고하면 좋은 링크 (추천받음)

https://d2.naver.com/helloworld/59361

'새롭게 시작하는 개발 이야기 > 공부' 카테고리의 다른 글

자바스크립트 메모리 - 2월 6일 스터디 발표  (0) 2023.02.06
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함