웹시스템개발 기말고사 핵심 정리 -2 디자인 패턴
·
Programming/JavaScript
팩토리 패턴다른 클래스의 객체를 생성하는 클래스로 객체의 생성을 한 곳에서 관리하는 패턴* 다른 클래스의 객체 : circle, square, triangle* 생성을 한 곳 : shape factory 팩토리 메소드 패턴추상 클래스를 상속한 클래스들이 컴포지션하는 추상 타입의 객체들을 메소드에서 생성하는 패턴*컴포지션 : 객체 합성 (객체나 클래스를 더 복잡한 자료구조나 모듈로 묶는 행위)'AnimalFactory' 추상 클래스와 그 아래 'DogFactory', 'CatFactory' 클래스가 각각 'Dog'와 'Cat' 객체를 생성하는 구조를 보여줍니다.추상 팩토리 패턴추상 메소드를 정의하는 패턴어떤 추상 메소드? 추상 타입의 객체를 생성하는 전략 패턴실행 중에 알고리즘(전략)을 선택할 수 있게 하..
웹시스템개발 기말고사 핵심 정리 -1
·
Programming/JavaScript
클로저어떤 함수 A에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우 A의 실행 텍스트가 종료된 이후에도 변수 a가 사라지지 않는 현상 Javascipt 언어의 this 용법1. 전역 공간에서의 This    - Node 환경에서  this -> module.exports 객체    - 웹 브라우저 환경에서 this -> 전역 객체 2. 함수를 다양한 형태로 호출시 this가 가르키는 것    - 함수를 함수로써 호출 시 this -> 전역 객체    - 함수를 메소드로써 호출 시 this -> 메소드를 호출한 객체    - 함수를 생성자로써 호출할 시 this -> 생성되는 객체 3. 화살표 함수 : this 바인딩(x), 상위 스코프의 this를 가리킴4. call, apply 메소드는..
코어 자바스크립트 5장 클로저
·
Programming/JavaScript
클로저 - 컨텍스트 A에서 선언한 변수를 내부 함수 B에서 참조할 경우 발생하는 특별한 현상 - 어떤 함수 A에 선언된 변수 a를 참조하는 내부함수 B를 외부로 보냈을 떄, 실행컨텍스트가 종료한 후에도 변수 a 가 사라지지 않는 현상 - 함수 종료 후에도 사라지지 않는 지역변수를 만들 수 있다.
코어자바스크립트 4장 콜백함수
·
Programming/JavaScript
이 함수 처리해주세요 -> 제어권 위임 제어권 위임 시 실행 시점, 매개변수, this가 있다. 콜백함수 특징 - 다른 함수 (A)의 인자로 콜백함수 (B)를 전달하면, A가 B의 제어권을 갖게된다. - 특별한 요청(bind)가 없는 한, A에 미리 정해놓은 방식에 따라 B를 호출한다. 미리 정해놓은 방식 - 어떤 시점에 콜백을 호출할지, 인자에는 어떤 값들을 지정할지, this에 무엇을 바인딩할지 등이다. 콜백 - 함수이다.
코어자바스크립트 this binding
·
Programming/JavaScript
실행 컨텍스트가 언제 생성되는가 - 컨텍스트에 해당하는 함수가 호출되는 순간 this가 함수가 호출될 때 호출된다. 함수를 어떤 식으로 호출했냐에 따라 this방식이 달라진다. = 동적으로 바인딩 된다. this 종류 1. 전역 공간에서 this - 전역 객체를 가르킨다 브라우저에서는 window node.js에서는 global 2. 함수내부에서 호출시 window/global - 함수에서도 전역객체를 가르킨다 3. 메서드 호출 시 - 메소드 호출 시에는 메소드 호출 주체가 this가 되더라 - . 앞이거나, {} 앞 4. callback 호출 시 - 콜백 호출시에는 기본적으로는 함수내부에서와 동일하게 전역객체를 보지만, 콜백함수를 어떤 식으로 처리하는 지에 따라서 this는 얼마든지 달라질 수 있다. ..
코어 자바스크립트 실행컨텍스트
·
Programming/JavaScript
1번과 8번은 선언이지 할당이 아니다. 수집을 먼저 마친다음에 선언 후 할당이다. Execution Context 실행 컨텍스트 - 함수를 실행할 때 필요한 환경정보를 담은 객체 실행 컨텍스트 안에는 - variable environment - lexical environment