본문 바로가기

전체 글

(39)
8.4 프로토타입 메서드와 __proto__가 없는 객체 프로토타입 메서드 ◾️ __proto__ 대신 사용 할 수 있는 모던한 메서드 Object.create(proto, [descriptors]) : [[Prototype]]이 proto를 참조하는 빈 객체를 만든다. 이 때, 프로퍼티 설명자를 추가로 넘길 수 있다. Object.getPrototypeOf(obj) : obj의 [[Prototype]]을 반환한다. Object.setPrototypeOf(obj, proto) : obj의 [[Prototype]]이 proto가 되도록 설정한다. let animal = { eats: true }; // 프로토타입이 animal인 새로운 객체를 생성 let rabbit = Object.create(animal); console.log(rabbit.eats); //..
8.3 네이티브 프로토타입 ◾️ 모든 내장 생성자 함수에서 prototype을 프로퍼티로 사용한다. Object.prototype let obj = {}; alert( obj ); // "[object Object]" ◾️ obj는 비어 있는데도 [object Object] 문자열을 출력한다. ◾️ obj = new Object()를 줄이면 obj = {}가 된다. ◾️ Object는 내장 객체 생성자 함수인데, 이 생성자 함수의 prototype은 toString을 비롯한 다양한 메서드가 구현되어있는 거대한 객체를 참조한다. ◾️ new Object()를 호출하거나 리터럴 문법 { ... }을 사용해 객체를 만들 때, 새롭게 정의된 객체의 [[Prototype]]은 Object.prototype을 참조한다. ◾️ obj.toSt..
Webpack Webpack_생할코딩을 보고 정리한 내용입니다. Webpack 수업소개 여러개의 리소스 파일(js, css, jpg)을 하나의 js 파일로 묶어주는 도구인 웹팩의 사용법을 소개해드리는 수업입니다. 웹팩은 이런 점에서 좋습니다. 여러개의 파일을 하나로 묶어주기 �� www.opentutorials.org 1. Webpack ➡️ 여러개의 리소스 파일을 하나의 js파일로 묶어주는 도구. static module bundler Webpack의 장점 1. 여러개의 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담을 줄일 수 있다. (더 빠른 서비스 제공) 2. 여러개의 서로 다른 패키지들이 서로 같은 이름의 전역 변수를 사용하면 프로그램은 오동작을 하게 된다. 이런 문제를 극복하기 위해서 등장한 것이 모듈이..