Java Script/프론트앤드 개발자를 위한 자바스크립트

프론트엔드 개발자를 위한 JS - 1장

Zin0_0 2020. 4. 22. 17:54
반응형

1장. 자바스크립트란 무엇인가

자바스크립트의 구현 => ECMAScript(코어), DOM(문서 객체 모델), BOM (브라우저 객체 모델)

ECMAScript

  • 웹 브라우저는 ECMAScript를 구현하는 '호스트 환경'일 뿐이다.
  • ECMAScript 언어에는 입/출력 메소드가 없다.
  • 표준 준수
    • 모든 타입, 값, 객체, 프로퍼티, 함수, 문법, 시맨틱을 ECMA-262에 따라 구현해야함
    • 유니코드 문자 표준을 지원해야함

DOM (Document Object Model)

  • XML을 HTML에서 사용할 수 있도록 확장한 애플리케이션 프로그래밍 인터페이스(API).
  • DOM의 트리를 통해 문서의 콘텐츠와 구조를 자유롭게 수정할 수 있다.
  • 전체 페이지를 노드의 계층 구조로 변환
<html>
 <head>
  <title>Sample Page</title>
 </head> 
 <body> 
  <p>Hello World!</p>
 </body>
</html>

▼ 위의 코드를 DOM을 통해 노드의 계층 구조인 다이어그램으로 표현

​BOM (Browser Object Model)

  • 브라우저 창에 접근하고 조작할 수 있게 하는 인터페이스
  • 일반적으로 브라우저에 고유한 JS의 확장도 BOM의 일부로 간주
    • ex) 새 창 띄움, 크기 조절, navigator, location객체(페치지 상세 정보 반환), XMLHttpRequest 등

 

반응형