일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- KDT 프로그래머스
- 백준 node.js
- Frontend Roadmap
- 투포인터알고리즘 js
- 프로그래머스 데브코스
- Vue3 Router
- useEffect return
- 모던 javascript Deep Dive
- 인프런 자바스크립트 알고리즘 문제풀이
- 프로그래머스 K_Digital Training
- useRef 지역 변수
- react customHook 예시
- 모던 자바스크립트 Deep Dive
- Vue3
- 우테캠 회고록
- K_Digital Training
- 프로그래머스 K_Digital Training 프론트엔드
- KDT 프로그래머스 데브코스 프론트엔드
- 모던 자바스크립트 딥다이브
- 모던 자바스크립트 TIL
- frontend roadmap study
- TypeScript 문법 소개
- 백준 js
- 프로그래머스 데브코스 프론트엔드
- 프로그래머스 데브코스 프론트엔드 TIL
- react 프로젝트 리팩토링
- 개발자 특강
- 모던 자바스크립트 Deep Dive TIL
- 머쓱이
- 리팩토링 회고
- Today
- Total
목록모던 자바스크립트 딥다이브 (29)
프론트엔드 개발자의 기록 공간
✍ 클래스는 프로토타입의 문법적 설탕인가? 자바스크립트는 프로토타입기반 객체지향 언어다. ES5에서는 클래스 없이도 다음과 같이 생성자 함수와 프로토타입을 통해 객체지향 언어의 상속을 구현할 수 있다. // 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'); me.sayHi(); // Hi..
클로저는 자바스크립트 고유의 개념이 아니다. 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어 (하스켈, 리스프, 스칼라 등)에서 사용되는 중요한 특성이다. 따라서 ECMAScript 사양에 등장하지 않는다. MDN에서는 클로저에 대해 다음과 같이 정의하고 있다. 클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다. 자바스크립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 이를 렉시컬 스코프(정적 스코프)라 한다. 렉시컬 환경의 "외부 렉시컬 환경에 대한 참조"에 저장할 참조값, 즉 상위 스코프에 대한 참조는 함수 정의가 평가되는 시점에 함수가 정의된 환경(위치)에 의해 결정된다. 이것이 바로 렉시컬 스코프다. 함수는 자신의 내부 슬롯 [[E..
✍ 소스코드의 타입 ECMAScript 사양은 소스코드(ECMAScript code)를 4가지 타입으로 구분한다. 4가지 타입의 소스코드는 실행 컨텍스트를 생성한다. 소스코드의 타입 설명 전역 코드 전역에 존재하는 소스코드를 말한다. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함되지 않는다. 함수 코드 함수 내부에 존재하는 소스코드를 말한다. 함수 내부에 중첩된 함수, 클래스 등의 내부 코드는 포함되지 않는다. eval 코드 빌트인 전역 함수인 eval 함수에 인수로 전달되어 실행되는 소스코드를 말한다. 모듈 코드 모듈 내부에 존재하는 소스코드를 말한다. 모듈 내부의 함수, 클래스 등의 내부 코드는 포함되지 않는다. 전역 코드 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성해야 한다...
✍ this 키워드 이전에 언급한것 처럼 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조다. 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다. 이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. this는 자바스크립트 엔진에 의해 암묵적으로 생성되며, 코드 어디서든 참조할 수 있다. this가 가리키는 값, 즉 this바인딩은 함수 호출 방식..
📖 학습 목차 16장_프러퍼티 어트리뷰트 ✅ 프로퍼티 어트리뷰트 프로퍼티란 속성이란 뜻으로, JS에서는 객체 내부의 속성을 의미한다. 객체도 0개 이상의 프로퍼티의 조합으로 이루어져 있다. 프로퍼티 어트리뷰트란 프로퍼티의 상태를 나타내는 것이다. 프로퍼티 상태란 프로퍼티의 값(value), 값의 갱신 가능 여부(writable), 열거 가능 여부(enumerable), 재정의 가능 여부(configurable)를 의미 한다. 즉, 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다. const person = { // 프로퍼티 name : 'Lee' } // 프로퍼티 어트리뷰트 정보를 제공하는 프로퍼티 디스크립터 객체를 반환한다. consol..