코어자바스크립트 검색 결과

해당 글 7건

7장 클래스

자바스크립트는 프로토타입 기반 언어라서 '상속' 개념이 존재하지 않는다 클래스 기반의 다른 언어에 익숙한 많은 개발자들은 이를 혼란스러워 했고, 따라서 클래스와 비슷하게 동작하게끔 흉내 내는 여러 기법들이 탄생 했으며 결국 ES6에는 클래스 문법이 추가되었다 클래스와 인스턴스의 개념 이해 프로그래밍 언어에서의 클래스는 현실세계에서의 클래스와 마찬가지로 '공통요소를 지니는 집단을 분류하기 위한 개념'이라는 측면에서는 일치하지만 인스턴스들로부터 공통점을 발견해서 클래스를 정의하는 현실과 달리, 클래스가 먼저 정의돼야만 그로부터 공통적인 요소를 지니는 개체들을 생성할 수 있다 클래스간의 상하관계 위의 그림에서 음식, 과일, 귤류는 모두 클래스이다 음식은 과일보다 상위의 (superior) 개념이고, 과일은 음..
코어 자바스크립트 2020. 12. 28. 16:35

6장 프로토타입

자바스크립트는 프로토타입 기반 언어이다, 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형(prototype)으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻는다 프로토타입의 개념 이해 constructor, prototype, instance var instance = new Constructor(); 어떤 생성자함수를 new 연산자와 함께 호출하면 Constructor에서 정의된 내용을 바탕으로 새로운 인스턴스가 생성된다 이때 instance에는 __proto__라는 프로퍼티가 자동으로 부여되는데, 이 프로퍼티는 Constructor의 prototype이라는 프로퍼티를 참조한다 prototype과 __proto__의 관계가 프로토타입 개념의 핵심이다 ..
코어 자바스크립트 2020. 12. 24. 16:39

5장 클로저

클로저의 의미 및 원리 이해 클로저란 어떤 함수에서 선언한 변수를 참조하는 내부함수에서만 발생하는 현상 외부함수의 변수를 참조하는 내부함수1 (클로저 발생 x) var outer = function () { var a = 1; var inner = function () { return ++a; }; return inner(); }; var outer2 = outer(); console.log(outer2) // 2 console.log(outer2) // 2 outer함수에서 변수 a를 선언 했고, outer 내부함수인 inner함수에서 a의 값을 1만큼 증가시킨후 리턴한다 inner함수 내부에서는 a를 선언하지 않았기 때문에 environmentRecord에서 값을 찾지 못하므로 outerEnviron..
코어 자바스크립트 2020. 12. 23. 17:19

4장 콜백함수

콜백함수란 콜백함수는 다른 코드의 인자로 넘겨주는 함수이다, 콜백 함수를 넘겨받은 코드는 이 콜백 함수를 필요에 따라 적절한 시점에 실행할 것이다, 콜백함수는 제어권과 관련이 깊다 callback은 '부르다', '호출하다'는 의미인 call과 '뒤돌아오다', '되돌다'는 의미인 back의 합성어로, '되돌아 호출해달라'는 명령이다, 어떤 함수 X를 호출하면서 '특정 조건일 때 함수 Y를 실행해서 나에게 알려달라'는 요청을 함께 보낸다 이 요청을 받은 함수 X의 입장에서는 해당 조건이 갖춰졌는지 여부를 스스로 판단하고 Y를 직접 호출한다 이처럼 콜백 함수는 다른 코드(함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수이다, 콜백 함수를 위임받은 코드는 자체적인 내부 로직에 의해 이 콜..
코어 자바스크립트 2020. 12. 22. 16:19

3장 this

다른 대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미한다, 클래스에서만 사용할 수 있기 때문에 혼란의 여지가 거의 없다, 하지만 자바스크립트에서의 this는 어디서든 사용되어 혼란스러워 진다 함수와 객체(메서드)의 구분이 느슨한 자바스크립트에서 this는 실질적으로 이 둘을 구분하는 거의 유일한 기능이다 상황별로 this가 어떻게 달라지는지, 왜 그렇게 되는지, 예상한 대상과 다를 경우 추적하는 방법 등을 살펴보자 상황에 따라 달라지는 this 자바스크립트에서 this는 기본적으로 실행 컨텍스트가 생성될 때 함께 결정된다 실행 컨텍스트는 함수를 호출할 때 생성되므로, 바꿔 말하면 this는 함수를 호출할 때 결정된다 라고 할 수 있다 전역공간에서의 this 전역 공간에서 thi..
코어 자바스크립트 2020. 12. 21. 16:28

1장 메모리와 데이터 타입

데이터 할당에 대한 메모리 영역의 변화 let a = 'abc' 라고 a를 선언하고 'abc'를 할당하면 내부적으로는 이런식으로 된다 1. 변수 영역에 공간을 확보해 1003에 넣어두고 2. 그 공간의 식별자를 'a'로 지정한다 3. 데이터 영역의 5004에 'abc'를 저장한다 4. 5004라는 데이터 영역의 주소를 1003의 공간에 대입한다 이런식으로 데이터할당이 이루어지게 된다. 불변값인 기본형 데이터는 이런식으로 이루어지게되는데 const obj = { a: 1, b: 'bbb' }; 이런식으로 가변값인 객체를 메모리에 할당하려고하면 내부적으로 이렇게 이루어진다 기본형처럼 똑같은 방식으로 하다가 1. 데이터 영역에 데이터를 저장하려고 보니 여러개의 프로퍼티가 있어서 별도의 변수 영역(객체변수 영역..
코어 자바스크립트 2020. 12. 21. 15:38

2장 실행 컨텍스트

실행 컨텍스트는 자바스크립트의 중요한 개념중 하나이다 클로저, 호이스팅, this에 대한 이해를 할려면 기본적으로 실행 컨텍스트가 어떤 개념인지 먼저 이해해야 한다 실행 컨텍스트란 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로, 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념이다 실행 컨텍스트를 파악하려면 제일 먼저 스택과 큐의 개념을 알아야 한다 스택과 큐 스택은 Last in, first out 구조이고 큐는 First in, first out 구조이다 실행 컨텍스트는 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고 이를 콜 스택 에 쌓아 가장 위에 쌓여있는 컨텍스트와 관련 있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장한다..
코어 자바스크립트 2020. 12. 21. 15:37