-
프론트엔드 개발자를 위한 JS - 1장Java Script/프론트앤드 개발자를 위한 자바스크립트 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 등
반응형'Java Script > 프론트앤드 개발자를 위한 자바스크립트' 카테고리의 다른 글
4장) 변수와 스코프, 메모리 (0) 2020.06.26 프론트앤드 개발자를 위한 JS - 3장 (0) 2020.05.03 프론트엔드 개발자를 위한 JS - 2장 (2) 2020.04.24