Javascript

● 빌트인 객체 표준 빌트인 객체 : 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하며, 애플리케이션 전역의 공통 기능을 제공한다. Object, String, Number, Boolean, Symbol, Date, Math, RegExp, Array, Map/Set, WeakMap, WeakSet, Function, Promise, Reflect, Proxy, JSON, Error등 40여개 객체를 제공한다. 호스트 객체 : 호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경(브라우저 환경 또는 Node.js환경)에서 추가로 제공하는 객체를 말한다. 브라우저 환경에서는 DOM, BOM, Canvas, XMLHttpRequest, fetch, req..

● 일급객체 다음과 같은 조건을 만족하는 객체를 일급 객체라 한다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성 가능하다. 변수나 자료구조에 저장할 수 있다. (객체, 배열) 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. ● 함수 객체의 프로퍼티 함수도 객체이다. 함수도 프로퍼티를 가질 수 있다. 아래와 같이 square라는 함수가 있다고 가정해보자. square라는 함수는 함수이기때문에, Function.prototype의 모든 메서들을 상속받아 사용할 수 있다. 또한 Function.prototype의 prototype으로는 Object.prototype이기때문에 Object.prototype의 메서들을 모두 사용할 수 있음..!!!! 대박!! Object.getPr..

● 객체 지향 프로그래밍 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다. 자바스크립트를 이루고 있는 거의 "모든 것"이 객체이다. 원시 타입의 값을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 객체지향 프로그래밍은 실세계의 실체를 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작된다. 실체는 특징이나 성질을 나타내는 속성을 가지고 있고, 이를 통해 실체를 인식하거나 구별할 수 있다. const circle = { radius: 5, // 반지름 // 원의 지름: 2r getDiameter() { return 2 * this.radius; }, // 원의 둘레: 2πr getPerimeter() { retu..

● 이벤트전파 캡쳐링 단계 : 이벤트 객체가 생성되면 window부터 시작해서 이벤트 타깃방향으로 전파된다 타깃 단계 : 이벤트 객체가 이벤트를 발생시킨 이벤트 타깃에 도달함 버블링 단계 : 다시 이벤트 타깃부터 window 방향으로 전파 Apple Banana Orange 두 번째, banana를 클릭하면 아래와 같이 출력된다. 해석을 해보자면.. 일단 addEventListener는 타깃단계와 버블링 단계를 캐치할 수 있기 때문에, banana를 누르니까 버블링을 통해 위의 이벤트 핸들러가 실행되는 것이다. 그리고 currentTarget은 이벤트 핸들러를 호출한 이벤트 타깃을 가르키고, target은 이벤트를 발생시킨, 즉 마우스 커서가 누른 타깃을 가르킨다. // 3 // Banana // // ..

● 이벤트 드리븐 프로그래밍 이벤트가 발생했을 때, 호출될 함수를 이벤트 핸들러라고 한다. 이벤트가 발생했을 때, 호출을 위임하는 것을 이벤트 핸들러 등록이라고 함. ● 이벤트 타입 ⚬ 마우스 이벤트 이벤트 타입 이벤트 발생 시점 click 마우스 버튼을 클릭했을 때 dbclick 마우스 버튼을 더블클릭했을 때 mousedown 마우스 버튼을 눌렀을 때 mouseup 누르고 있던 마우스 버튼을 놓았을 때 mousemove 마우스 커서를 움직였을 때 mouseenter 마우스 커서를 HTML 요소 안으로 이동했을 때 (버블링X) mouseover 마우스 커서를 HTML 요소 안으로 이동했을 때 (버블링O) mouseleave 마우스 커서를 HTML 요소 밖으로 이동했을 때 (버블링X) mouseout 마..

● 어트리뷰트 attributes 프로퍼티 HTML 문서의 구성 요소인 HTML 요소는 여러 개의 속성을 가질 수 있음. HTML 요소의 동작을 제어하기 위한 추가적인 정보를 제공. 글로벌 어트리뷰트와 이벤트 핸들러 어트리뷰트는 모든 HTML에서 공통적으로 사용 가능. type, value, checked 어트리뷰트 등 특정 HTML 요소에만 한정적으로 사용가능한 어트리뷰트도 있음. 어트리뷰트 노드 HTML 문서가 파싱될 때 HTML 요소의 어트리뷰트는 어트리뷰트 노드로 변환되어 요소 노드와 연결된다. 이 때 HTML 어트리뷰트당 하나의 어트리뷰트 노드가 생성됨. ex) 면, 3개의 어트리뷰트 노드가 생성됨 //요소 노드의 attribute 프로퍼티는 요소 노드의 모든 어트리뷰트 노드의 참조가 담긴 //..