개발모음집

Decorator란? 사전적의미 : 도배업자, 장식가 * decoration : 장식 (포장) 고유 명사로 의미 : - 기존에 구현되어 있는 클래스(둥근 모양의 빵)에 그때그때 필요한 기능(초콜릿, 치즈, 생크림)을 추가(장식, 포장)해나가는 설계 패턴을 decorator 패턴이라고 한다. 출처 : https://terms.naver.com/entry.nhn?docId=3532967&cid=58528&categoryId=58528 - 데코레이터 패턴에 대해 알아보도록 하자. 데코레이터 패턴은 장식자라는 이름에서도 알 수 있듯이, 특정 객체를 원하는 모양(기능)으로 장식시켜주는 객체를 만들어 준다. 즉, 장식시켜주는 객체들과 장식 받을 객체들을 만든 뒤, 이들을 이용하여 장식받을 객체가 원하는 모양이 되도..

사전적의미 원초적 형태, 기초 또는 표준, 제품의 원형 고유명사로서 의미 js의 개념이라기보단 함수형프로그래밍에 있는 개념이라 esmascript에 제대로 기록되어있지않다 프로토타입 기반 프로그래밍 프로토타입 기반 프로그래밍은 객체지향 프로그래밍의 한 형태의 갈래로 클래스가 없고, 클래스 기반 언어에서 상속을 사용하는 것과는 다르게, 객체를 원형(프로토타입)으로 하여 복제의 과정을 통하여 객체의 동작 방식을 다시 사용할 수 있다. 프로토타입기반 프로그래밍은 클래스리스(class-less), 프로토타입 지향(prototype-oriented) 혹은 인스턴스 기반(instance-based) 프로그래밍이라고도 한다. 출처 : https://ko.wikipedia.org/wiki/%ED%94%84%EB%A1%..

사전적 의미 폐쇄, 닫힘, 마감, 종결 고유 명사로서 의미 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures 클로저는 반환된 내부함수가 자신이 선언됐을 때의 환경(Lexical environment)인 스코프를 기억하여 자신이 선언됐을 때의 환경(스코프) 밖에서 호출되어도 그 환경(스코프)에 접근할 수 있는 함수를 말한다. 이를 조금 더 간단히 말하면 클로저는 자신이 생성될 때의 환경(Lexical environment)을 기억하는 함수다 출처 : https://poiemaweb.com/js-closure 클로저는 내부 함수가 정의될 때 외부 함수의 환경을 기억하고 있는..

사전적 의미 execution : 실행, 사형 집행, 강제 집행, 체결 context : 문맥, 맥락, 전후 사정 사전적의미로 봤을 때, 실행시 문맥, 실행시 전후 사정을 말하는 것 같다. 고유명사로서 의미 ECMAScript 에서 정의하는 EC(Execution Context)는 다음과 같이 표현한다. Execution context (abbreviated form — EC) is the abstract concept used by ECMA-262 specification for typification and differentiation of an executable code. 실행 콘텍스트는 실행가능한 코드를 형상화하고 구분하는 추상적인 개념이다. 즉, EC는 자바스크립트 엔진이 코드를 실행할 때 생..

const log = console.log; // console 로그 지우는 법 console.clrear();

git fetch --all git reset --hard origin/master git pull origin master 하지말아야할 브런치에 강제 pull을 했다. 그래서 롤백하는 방법을 찾아봤다. git reflog // 언제든지 리포지토리에서 참조되었거나 참조 된 모든 커밋의 record git reset --hard HEAD@{1} 출처 : https://88240.tistory.com/284

call, apply, bind란? 두 개의 객체를 하나로 만들어주는 함수 왜 쓰는가? 두 객체를 하나로 만들기 위해서 this를 지정해주기 위해서 call, apply, bind 의 차이점은? call, apply는 즉시 (새로운 변수 만드는 것 없이) 하나로 묶을 수 있다. call은 매개변수로 값하나를 받지만, apply는 매개변수를 배열로 받는다. bind는 새로운 함수를 생성하여 묶어준다.

화살표함수란? 화살표 함수 표현(arrow function expression)은 function 표현에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. 화살표 함수는 항상 익명입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적합합니다. 그래서 생성자로서 사용할 수 없습니다. Function.name function.name 속성(property)은 함수 이름을 반환합니다. developer.mozilla.org 왜 쓰는것일까? es5 까지는 함수로 호출했을 시 함수 내부에서 this가 전역객체를 바라보는 문제가 있었다. (메서드로 호출했을 때와 함수로 호출했을 때 this가 가리키는게 다른 문제) 화살표함수는 이점을 보완하고자 ..