moonscode

JS, 나만의 알고리즘동적 반복문 (Dynamic loop) 추가하기2018.03.26 JS, 나만의 알고리즘동적 반복문 (Dynamic loop) 추가하기동적 반복문 (상황설명)정적 반복문 처리동적 반복문 추가 (방법1 - 전체갯수와 영역을 이용하기)동적 반복문 추가 (방법2 - 트리구조 반복문, Callback이용하기)동적 반복문 (상황설명)N * N * N 의 Loop를 만들 수 있는가 ?만약 동적인 속성이 여러개를 가지는 객체가 있다고 해봅시다.자동차라는 객체가 색상, 크기, 줄무늬이런 3가지 속성을 가지고 있습니다. 색상은 [Red, Green, Blue] 일 수 있고, 크기는 [소형, 중형, 대형] 일 수 있고, 줄무늬는 [None, Stripe, Dot] 이렇게 있습니다. 각각의 모든 속성을..

업데이트 :: 2018.03.16 프로퍼티(Property)속성값 이해하기valueget & setenumerable (열거 할 수 있는)wriatable (쓸 수 있는)configurable (구성할 수 있는)Property 속성설정하기definePropertygetOwnPropertyDescriptorget&set의 getOwnPropertyDescriptor클래스 메소드는 Prototype프로퍼티(Property)'Property' 는 속성 이란 뜻으로, JS에서는 객체 내부의 속성을 의미합니다.// 객체 생성 var ob = {a: 1}; // property 접근하기 ob.a; // => 1 // property 수정하기 ob.a = 0; ob.a; // => 0; // property 추가하기..

업데이트 :: 2018.01.05 선언과 정의변수 호이스팅함수 호이스팅선언과 정의호이스팅은 선언과 정의의 개념에 밀접한 연관이 있습니다.일부 언어는 선언(declaration) 정의(definition)를 명확히 구분합니다.선언 :: 변수를 선언한다는 것은 식별자를 주어서 그 존재를 알리는 것정의 :: 변수를 정의한다는 것은 선언과 함께 값도 부여하는 것자바스크립트에서는 모든 변수를 동시에 값이 주어지므로 두 용어를 구분하지 않습니다. 명시적으로 정하지 않으면 undefined가 암시적으로 적용됩니다.var a; // 선언 var b = 'b'; // 선언 + 정의 let c; // 선언 let d = 'd'; // 선언 + 정의 // 함수의 선언이 이루어진 예입니다. function funcA() { ..

업데이트 :: 2018.01.25 클로저 ( Closure )클로저의 스코프체인클로저 예제예제 JS예제 jQuery클로저 규칙기억한다 => 외부 Scope 참조는 계속됩니다.기억한다 =>외부 Scope 참조, 값을 저장하는게 아닙니다.클로저 예상버그클로저 ( Closure )사람들은 보통 클로저를 다음과 같이 말합니다.자유 변수를 기억하는 함수스코프를 기억하는 함수환경(lexical environment)를 기억하는 함수클로저는 외부함수(내부함수 감싸고 있는)내 스코프 변수에 접근할 수 있는 또한, 그것을 기억하고 있는 내부 함수를 말합니다.말이 어려우니 예제가 도움이 될 것입니다.클로저의 스코프체인클로저는 3가지 스코프 체인 (scope chain)을 가집니다.클로저는 자신에 대한 접근 (자신의 블록내..

업데이트 :: 2018.01.24 스코프 ( Scope )스코프 레벨01. 함수 레벨 스코프02. 블록 레벨 스코프전역 스코프전역스코프 의존 예제단일 객체를 이용한, 전역스코프 의존방지함수를 이용한, 전역스코프 의존방지정적 스코프와 동적 스코프스코프와 존재스코프 체인사각지대 관리하기암시적 전역변수와 스트릭트 모드스코프 ( Scope )"Scope" 는 범위라는 뜻을 가지고 있으며,JS에서의 Scope는 변수 혹은 함수가 가지는 범위를 의미Scope는 변수와 상수, 매개변수 (데이터) 가 언제 어디서 정의되는지 결정함수 매개변수가 함수 바디 안에서만 존재하는 것도 스코프의 예 입니다.function funcA(x) { return x + 3; } funcA(5); // 8 x; // x is not def..