개발 스터디

모던 자바스크립트 Deep Dive을 요약한 내용입니다. 25.1 클래스는 프로토타입의 문법적 설탕인가? 자바스크립트는 강력한 객체지향 프로그래밍 능력을 지니고 있다. 프로타입 기반 객체지향 언어는 클래스가 필요 없는 객체지향 프로그래밍 언어이다. ES5에서는 클래스 없이도 다음과 같이 생성자 함수와 프로토타입을 통해 객체지향 언어의 상속을 구현할 수 있다. var Person = (function() { function Person(name) { this.name = name } Person.prototype.sayHi = function () { console.log('Hi! My name is ' + this.name) } return Person }) var me = new Person('Lee'..

모던 자바스크립트 Deep Dive을 요약한 내용입니다. 실행 컨텍스트는 자바스크립트의 동작원리를 담고 있는 핵심 개념이다. 실행 컨텍스트를 바르게 이해하려면 자바스립트가 스코프를 기반으로 식별자에 바인딩된 값을 관리하는 방식과 오이스팅이 발생하는 클로저의 동작방식 그리고 태크스 큐와 함께 동작하는 이벤트 핸들러와 비동기 처리의 동작방식을 이해할 수 있다. 23.1 소스코드의 타입 ECMAScript 사양은 소스코드를 4가지 타입으로 구분한다. 전역코드 전역에 존재하는 소스코드를 말한다. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함되지 않는다. 전역 코드는 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성한다. 전역 코드가 평가되면 전역 실행 컨텍스트가 생성된다. 함수 코드 함수 내부..

모던 자바스크립트 Deep Dive을 요약한 내용입니다. 22.1 this 키워드 객체 리터럴 방식으로 생성한 객체의 경우 메서드 내부에서 메서드 자신이 속한 객체를 가리키는 식별자를 재귀적으로 참조할 수 있다. 22-01 this 는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조변수다. this 를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수있다. this 는 자바스크립트 엔진에 의해 암묵적으로 생성되며, 코드 어디서든 참조 할 수 있다. this가 가리키는 값, this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. 객체 리털럴과 생성자 함수의 예제를 this를 사용해 수정해보자. 22-03 객체 리터럴의 메서드 내부에서의 this는 ..

모던 자바스크립트 Deep Dive을 요약한 내용입니다. 21.1 자바스크립트 객체의 분류 자바스크립트 객체는 크게 3개의 객체로 분류할 수 있다. 표준 빌트인 객체 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하며, 애플리케이션 전역의 공통 기능을 제공 자바스크립트 실행 환경과 관계없이 언제나 사용할 수 있다. 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공된다. 별도의 선언없이 전역 변수처럼 언제나 참조할 수 있다. 호스트 객체 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가로 제공하는 객체를 말한다. 브라우저 환경에서는 DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimationFrame, SVG, Web..

모던 자바스크립트 Deep Dive을 요약한 내용입니다. 20.1 strict mode란? function foo() { x = 10 } foo() console.log(x) 전역 스코프에도 x변수의 선언이 존재하지 않기 때문에 ReferenceError를 발생시킬 것 같지만 자바스크립트 엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성한다. 개발자의 의도와는 상고나없이 발생한 암묵적 전역은 오류를 발생시키는 원인이 될 가능성이 크다 따라서 반드시 var, let, const 키워드를 사용하여 변수를 선언한 다음 사용해야한다. ES5부터는 strict mode가 추가 되었다. ESLint 같은 린트 도구를 사용해도 strict mode와 유사한 효과를 얻을 수 있다. strict mode 보다 린트..