코어 자바스크립트-정재남
1.[코어 자바스크립트] Primitive Type vs. Reference Type
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. 자바스크립트의 데이터 타입은 크게 2가지로 구분된다 Primitive Type과 Reference Type이다. 가장 큰 차이점은 데이터 저장 방식이다. 📌 자바스크립트 메모리
2.[코어 자바스크립트] 데이터를 주솟값으로 저장하는 이유
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. Primitive Type과 Reference Type 모두 주솟값으로 저장된다. 아래와 같이 저장하면 변수 1개당 1칸씩만 차지하니까 더 좋지 않을까? 주솟값으로 저장하는 이유는
3.[코어 자바스크립트] Execution Context
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. Execution Context란 함수를 실행하는데 필요한 조건/환경정보를 담은 객체이다. Execution Context는 Call Stack에 쌓인다. 무슨 말이야 이렇게 생각
4.[코어 자바스크립트] This
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. Execution Context에는 3가지가 있다. VariableEnvironment, LexicalEnvironment, ThisBinding이다. 이 중 ThisBinding에
5.[코어 자바스크립트] Callback Function
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. 콜백 함수는 회신 되는 함수이다. 아래 그림을 상상하면 된다. 이러한 과정은 콜백함수에 대한 제어권을 특정 대상에게 넘기는 과정이다. 제어권에는 무엇이 있을까 실행 시점, 매개변
6.[코어 자바스크립트] Prototype
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. Prototype을 잘 나타내는 그림이 있다. 익숙한 객체를 예시로 살펴보자. 📍 파란 선 Array(constructor) 내부에는 다양한 프로퍼티가 있다. 그중 하나가 prototype이다. prototype에는 배열 관련 메서드들이 들어있다. 📍 노란 선 ...
7.[코어 자바스크립트] prototype vs. [[Prototype]]
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. prototype과 [[Prototype]]은 다르다. prototype은 아래 그림에서 파랑과 빨강이 만나는 prototype을 말한다. 즉, constructor의 프로퍼티 중 하나이다. 반면, [[Prototype]]은 instance의 프로퍼티이다. [[Proto...
8.[코어 자바스크립트] obj.values()가 아닌 Object.values(obj)인 이유
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. Object.prototype은 모든 객체의 Prototype Chain 최상단에 존재한다. 아래의 그림에서 constructor에는 개발자가 정의한 것(ex.Person)뿐만 아니라 JavaScript에 내장된 Number, String, Array, Function,...
9.[코어 자바스크립트] Class
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. Class는 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀이다. 아래 그림에서 빨간 박스 부분을 의미한다. 프로퍼티가 정의된 곳에 따라 static과 prototype으로 나뉜다. constructor에 정의된 것은 static, prototype에 ...
10.[코어 자바스크립트] Class Inheritance
🌈 인프런의 코어 자바스크립트(정재남) 수강 후, 이해한 내용을 정리한 글입니다. > 📍 아래는 학습을 위해 ES6의 extends를 사용하지 않고 구현한 class inheritance입니다. extends 사용 코드는 여기에 있습니다. Class Inheri