4-1기 스터디/Javascript-Typescript Deep Dive8 [JS Deep Dive 스터디] 7주차 - 클래스 일시: 2023.01.08 참석자: 금주 스터디는 유효주님께서 발표해주셨습니다. 7.클래스 자바스크립트는 프로토타입 기반 언어라서 ‘상속’ 개념이 존재하지 않음 그래서 ES6에는 클래스 문법이 추가됨 , 다만 ES6의 클래스에서도 일정 부분은 프로토타입을 활용하고 있기 때문에 ,ES5 체제하에서 클래스를 흉내내기 위한 구현방식을 학습하는 것은 여전히 의미 있음 01. 클래스와 인스턴스의 개념 이해 어떤 클래스의 속성을 지니는 실존하는 개체를 인스턴스(instance)라고 함 인스턴스를 어떤 조건이 부합하는 구체적인 예시로 보면 됨. 이때 조건이 곧 클래스를 의미함 프로그래밍 언어상에서는 사용자가 직접 여러 가지 클래스를 정의해야하며, 클래스를 바탕으로 인스턴스를 만들 때 비로소 어떤 개체가 클래스의 속성.. 2023. 1. 26. [JS Deep Dive 스터디] 6주차 - 프로토타입 일시: 2023.01.08 참석자: 금주 스터디는 윤수지님께서 발표해주셨습니다. 6. 프로토타입 자바스크립트는 프로토타입 기반(prototype-based) 언어이다. Java와 같은 클래스 기반 언어에서는 ‘상속’을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻는다. 6-1. 프로토타입의 개념 이해 6-1-1. constructor, prototype, instance 위의 도식을 설명하면 다음과 같다. 어떤 생성자 함수(Constructor)를 new 연산자와 함께 호출하면 Cosntructor에서 정의된 내용을 바탕으로 새로운 인스턴스(instance)가 생성 이때 instance에는 __proto__ 라는 프로퍼티가 자동으로 부여.. 2023. 1. 25. [JS Deep Dive 스터디] 5주차 - 클로저 일시: 2022.11.27 참석자: 금주 스터디는 오예린님께서 발표해주셨습니다. 클로저 클로저의 의미 및 원리 이해 클로저란? 어떤 함수 A에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우 A의 실행 컨텍스트가 종료가 되더라도 변수 a가 사라지지 않는 현상 1) 외부 함수의 변수를 참조하는 내부 함수 - 내부 함수 자체를 return 하는 경우 ```javascript var outer = function(){ var a = 1; var inner = function() { return ++a; } return inner; }; var outer2 = outer(); console.log(outer2()); console.log(outer2()); ``` - outer 함수에서 inner.. 2023. 1. 25. [JS Deep Dive 스터디] 4주차 - 콜백 함수 일시: 2022.11.20 참석자: 금주 스터디는 조민재님께서 발표해주셨습니다. 04. 콜백함수 콜백 함수란? 다른 코드의 인자로 넘겨주는 함수 콜백 함수를 넘겨받은 코드는 해당 함수를 필요에 따라 적절히 실행 어떤 함수 X를 호출하면서 '특정 조건일 때 함수 Y를 실행해서 나에게 알려달라'는 요청을 함께 보내는 것 이 요청을 받은 함수 X의 입장에서는 해당 조건이 갖추어 졌는지 여부를 스스로 판단하고 Y를 직접 호출 다른 코드(함수 / 메서드)에게 인자를 넘겨줌으로써 그 제어권도 함께 위임한 함수 콜백 함수를 위임받은 코드는 자체적인 내부 로직에 의해 콜백 함수를 적절한 시점에 실행 제어권 호출 시점 var count = 0; var timer = setInterval(function(){ //setI.. 2023. 1. 25. [JS Deep Dive 스터디] 3주차 - this 일시: 2022.11.13 참석자: 금주 스터디는 김현수님께서 발표해주셨습니다. 03 this this 는 함수와 메서드의 구분이 느슨한 자바스크립트에서 this 는 실질적으로 이 둘을 구부하는 거의 유일한 기능 상황에 따라 달라지는 this (this 는 함수 호출 시 결정된다.) 전역 공간에서의 this 전역 객체는 브라우저 환경에서는 window, Node js 에서는 global 로 불린다. 전역 변수 선언 시 자스 엔진은 이를 전역 객체의 프로퍼티로 할당함 처음부터 전역 객체의 프로퍼티로 할당한 경우에는 삭제가 되는 반면 전역변수로 선언한 경우에는 삭제가 되지 않는다. 이는 사용자가 의도치 않게 삭제하는 것을 방지하는 차원에서 만들어진 방어 전략 때문. 따라서 대부분의 경우 전역 공간에서는 va.. 2023. 1. 25. [JS Deep Dive 스터디] 2주차 - 실행 컨텍스트 일시: 2022.10.9 참석자: 윤수지, 유효주, 조민재, 오예린 금주 스터디는 윤수지님께서 정리하신 내용을 공유해주셨습니다. 2. 실행 컨텍스트 실행 컨텍스트란? 스택 & 큐 실행 컨텍스트: 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고 이를 콜 스택(call stack)에 쌓아올렸다가, 가장 위에 쌓여있는 컨텍스트와 관련 있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장 실행 컨텍스트를 구성하는 방법: 전역공간, eval() 함수, 함수 // --------------------------------- (1) var a = 1; function outer() { function inner() { c.. 2022. 11. 6. 이전 1 2 다음
