core

'상속'이라는 개념이 존재하지 않는 자바스크립트가 클래스를 어떻게 흉내내는지 파악해보자! 자바스크립트는 프로토타입 기반의 언어이기 때문에 '상속'의 개념이 존재하지 않습니다. 다만, 클래스에 대한 니즈에 따라 ES6에서 클래스 문법이 추가 되었지만, 일정 부분은 프로토타입을 여전히 활용하고 있습니다. 이 때문에 ES5 에서 클래스틑 흉내내기 위한 구현 방식을 학습할 필요가 있습니다. 그럼 클래스(Class)가 무엇일까요? 사전적으로 '집합, 집단'의 의미를 가지고 있습니다. 다음 예시를 통해 간단히 살펴보시죠. SuperClass는 부모 클래스입니다. 최상위 집단인거죠. SubClass는 자식 클래스입니다. 하위 집단입니다. 최상위 집단으로 '음식' 클래스가 존재합니다. '음식'에는 '고기'도 있고, '..

자바스크립트는 프로토타입 기반의 언어이죠. 클래스 기반과 비교하면 꽤나 독특한 개념으로 한번 뽀개봅시다!!! 자바스크립트는 함수형 프로그래밍 언어이자 프로토타입 기반의 언어입니다. 함수형 프로그래밍이라는 문맥은 추측이 쉽지만, 프로토타입 기반의 언어라는 것은 무슨 의미일까요? 프로토타입이라는 용어는 '상속'과 연관되어 있습니다. 클래스 기반의 언어에서는 상속은 익숙하지만, 자바스크립트에서의 '상속'을 어떻게 표현할까? 바로, 프로토타입을 사용함으로써 상속과 비슷한 효과를 얻어냅니다. 이로써, 어떤 객체를 원형(prototype)으로 삼고 이를 참조(복제)함으로써 상속처럼 사용할 수 있습니다. "new 연산자로 Constructor를 호출하면 instance가 만들어지는데, 이 instance의 생략 가능..

'클로저'는 함수형 프로그래밍 언어에서 등장하는 보편적인 특성! 난 처음보는데..?! 클로저란, 어떤 함수 A에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우, A의 실행 컨텍스트가 종료된 이후에도 변수 a가 사라지지 않는 현상입니다. 분명 클로저를 정의했지만, 막상 이해는 되지 않습니다. 인터넷과 도서에서 찾아봐도 쉽게 이해가 되지 않습니다 ㅠㅠ.. 그러면 예제를 통해서 어떤 것인지 맛을 보고 개념을 정리해봅니다. var outer = function() { var a = 1; var inner = function() { return ++a; } return inner; } var outer2 = outer(); console.log(outer2());// 2 console.log(ou..