네이티브 객체(NAtive Objects) 자바스크립트 언어 규약(ECMAScript)명세의 정의된 내장 객체이다. native object, built-in object라고 부른다. 전역의 공통 기능을 제공하며 특정 환경(브라우저 등의 클라이언트 프로그램, 또는 Node.js 등의 런타임)에 종속되지 않는다. 네이티브 객체는 모든 내장 객체(built-in object)를 포함하며 내장 네이티브 생성자는 각자의 .prototype객체를 가진다. 프로토타입 객체에는 해당 객체의 하위 타입별로 고유한 로직이 담겨있다. 종류 String() Number() Boolean() Array() Object() Function() RegExp() Date() Error() Symbol() 생성자 처럼 사용할 수 있..
실행컨텍스트(Execution Context) 코드의 실행환경에 대한 여러가지 정보를 담고 있는 개념 자바스크립트 엔진에 의해 만들어지고 사용되는 코드 정보를 담은 객체의 집합 글로벌스코프, 함수스코프 등.. 스코프의 코드는각각의 실행 컨텍스트를 생성한다. 글로벌 스코프는 실행 이전에 생성되지만, 함수스코프는 함수 호출 시 생성된다. 글로벌 스코프는 코드를 실행하기 전에 쌓이고 모든 코드를 실행하면 제거된다. 실행 컨텍스트가 생성되면 흔히 콜 스택(Call Stack)이라고도 불리는 실행 컨텍스트 스택에 쌓이게 된다. 구성요소 어휘 환경(Lexical Environment) 변수 및 함수 등의 식별자(Identifier) 및 외부 참조에 관한 정보를 가지고 있는 컴포넌트 구성요소 Environment R..
[아티클 프로젝트 041] Javascript DOM(Document Object Model)과 BOM(Browser Object Model)
Javascript DOM(Document Object Model)과 BOM(Browser Object Model) 일단 DOM(Document Object Model)과 BOM(Browser Object Model)을 알기 전에 Window 객체를 알아야합니다. Window Object 모든 브라우저로부터 지원을 받으며 브라우저 전체를 담당하는 객체이자 최상위 객체입니다. Window 객체에는 DOM, BOM 그리고 Javascript Core가 있습니다. 문서 객체 모델(DOM, Document Object Model) 객체 지향의 모델로서 구조화된 문서를 표현하는 방식입니다. 프로그래밍언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 동적으로 문서의 내용, 구조, 스타일을 변경할 수 있습니다. ..
ES10, ES2020 간단하게 알고가기 ES2019(ES10)의 변화 Object.fromEntries Object.entries의 반대 기능 Object.entries는 객체를 2차원 배열로 만들어준다. 2차원 배열을 객체로 만들어준다. 배열말고 Map같은 것도 지원 Array.prototype.flat Array.prototype.flatMap 다중 배열을 펼치는 기능 기본 1단계 펼침 숫자 인수를 넣어 몇 번 연달아 펼칠치 결정 가능 String.prototype.trimStart String.prototype.trimEnd String.prototype.trimLeft String.prototype.trimRight 공백 제거 가능 하위호환을 위해 같은 역할을 하는 메서드를 두개 만들었다고 한다..