1. 스코프(Scope) 참조의 대상이 되는 식별자(변수, 함수 등)를 찾기 위한 규칙으로, 변수 접근의 유효 범위를 나타냄. - 전역에서 선언된 변수는 코드 블럭 어디에서든 참조가 가능함. - 함수 내부에서 선언된 변수는 함수 내부에서만 참조할 수 있고, 함수 외부에서는 참조가 불가능함. - 함수 내부에서 선언된 변수는 해당 함수의 내부 함수에서 참조할 수 있음. ① 지역 스코프: 함수 및 해당 함수의 내부 함수 코드 블럭에서만 참조할 수 있는 것 ② 전역 스코프: 모든 코드 블럭에서 참조할 수 있는 것 A. Lexical Scope( = Static Scope) 함수, 변수가 '선언'된 위치에 따라 상위 scope가 결정되는 방식. ① Function Scope: 함수 내부에서 선언된 변수는 해당 함..
event.currentTarget 메서드를 사용할 때 왜 HTML 텍스트 입력에 대해서는 event.currentTarget.value를 쓰고, 드롭다운 목록에 대해서는 event.currentTarget.options를 쓰는가? 1 2 3 HTML 로 드롭다운 목록을 선택하는 이벤트가 발생할 때 event.currentTarget은 HTML Select Element을 가리킴. 특히, HTML Select Element의 property 중에서 options는 HTML Options Collection을 반환함. 코드 결과 Prototype event.currentTarget HTML Select Element HTML Element event.currentTarget.options HTML Opti..
1. 프로토타입(Prototype) javascript은 기존의 객체를 복사해 새로운 객체를 생성하는 프로토타입 기반의 언어. 프로토타입 기반 언어는 객체의 원형인 프로토타입을 이용해 새로운 객체를 만들어 내며, 이 과정으로 생성된 객체는 또 다른 객체의 프로토타입이 될 수 있음. // ES6 이전의 class 구현 function Person(personAge) { this.age = personAge; }; Person.prototype.getType = function () { retun "사람"; }; let joon = new Person(14); let jisoo = new Person(29); 함수 Person()는 Person.prototype의 생성자 함수(constructor)이고, 메..
JavaScript 2022. 3. 9. 20:03
1. 스코프(Scope) 참조의 대상이 되는 식별자(변수, 함수 등)를 찾기 위한 규칙으로, 변수 접근의 유효 범위를 나타냄. - 전역에서 선언된 변수는 코드 블럭 어디에서든 참조가 가능함. - 함수 내부에서 선언된 변수는 함수 내부에서만 참조할 수 있고, 함수 외부에서는 참조가 불가능함. - 함수 내부에서 선언된 변수는 해당 함수의 내부 함수에서 참조할 수 있음. ① 지역 스코프: 함수 및 해당 함수의 내부 함수 코드 블럭에서만 참조할 수 있는 것 ② 전역 스코프: 모든 코드 블럭에서 참조할 수 있는 것 A. Lexical Scope( = Static Scope) 함수, 변수가 '선언'된 위치에 따라 상위 scope가 결정되는 방식. ① Function Scope: 함수 내부에서 선언된 변수는 해당 함..
JavaScript 2022. 3. 7. 22:13
event.currentTarget 메서드를 사용할 때 왜 HTML 텍스트 입력에 대해서는 event.currentTarget.value를 쓰고, 드롭다운 목록에 대해서는 event.currentTarget.options를 쓰는가? 1 2 3 HTML 로 드롭다운 목록을 선택하는 이벤트가 발생할 때 event.currentTarget은 HTML Select Element을 가리킴. 특히, HTML Select Element의 property 중에서 options는 HTML Options Collection을 반환함. 코드 결과 Prototype event.currentTarget HTML Select Element HTML Element event.currentTarget.options HTML Opti..
JavaScript 2022. 3. 6. 21:22
1. 프로토타입(Prototype) javascript은 기존의 객체를 복사해 새로운 객체를 생성하는 프로토타입 기반의 언어. 프로토타입 기반 언어는 객체의 원형인 프로토타입을 이용해 새로운 객체를 만들어 내며, 이 과정으로 생성된 객체는 또 다른 객체의 프로토타입이 될 수 있음. // ES6 이전의 class 구현 function Person(personAge) { this.age = personAge; }; Person.prototype.getType = function () { retun "사람"; }; let joon = new Person(14); let jisoo = new Person(29); 함수 Person()는 Person.prototype의 생성자 함수(constructor)이고, 메..