[WEB] 브라우저 구조

📄 브라우저 구조

브라우저에서 웹페이지를 열면 윈도우라는 전체적인 오브젝트가 존재합니다

윈도우 안에는 DOM, BOM, JavaScript라고 하는 것들이 있습니다.

페이지를 브라우저에서 열게되면 윈도우라는 전체적인 오브젝트가 있고 그 윈도우 안에는 DOM 즉,*Document Object Model들이 있습니다.

DOM은 웹페이지의 모든 콘텐츠를 수정가능한 객체로 나타냅니다.

윈도우에서 페이지가 표기되는 부분이 document입니다.

브라우저

우리가 html문서를 작성하면 docmument에 표기됩니다.

BOM은 Browser Object Model의 약자로 브라우저에 관련된 오브젝트들이 들어있습니다.

BOM은 문서 이외의 모든 것을 제공하기 위해 브라우저에서 추가적으로 제공하는 객체 입니다.

자바스크립트는 웹 페이지에서 발생하는 어떤 이벤트에 코드가 응답하도록 합니다.

JavaScript는 DOM API를 통해 HTML과 CSS를 동적으로 수정, 사용자 인터페이스를 업데이트하는 일에 가장 많이 쓰입니다.

브라우저에서 윈도우는 최고의 글로벌 오브젝터입니다.

console.log(this)를 입력하면 window가 출력됩니다.

아무런 오브젝트를 지정하지 않아도 윈도우가 글로벌 오브젝트이기 때문에 자동으로 윈도우가 설정된 것입니다.

브라우저에서 우리가 이용할 수 있는 API를 제공해주고, 우리는 그 API를 호출하면서 브라우저에 있는 다양한 기능을 쓸 수 있습니다.