Mohwa Blog

이 글을 더 정확히 이해하기위해, 도커 중간 이미지 및 레이어, 도커 빌드 캐시 를 먼저 읽어보시는것을 추천드립니다. 테스트 환경 OS: centos/7 Docker Version: 20.10.12 호스트 OS 및 Docker Version…

이 글을 더 정확히 이해하기위해, 도커 중간 이미지 및 레이어를 먼저 읽어보시는것을 추천드립니다. 테스트 환경 OS: centos/7 Docker Version: 20.10.12 호스트 OS 및 Docker Version…

테스트 환경 OS: centos/7 Docker Version: 20.10.12 호스트 OS 및 Docker Version 에 따라, 이 글의 가 다를 수 있습니다. Where is /var/lib/docker on Mac/OS X Mac…

이 글을 더 정확히 이해하기위해, 도커 중간 이미지 및 레이어를 먼저 읽어보시는것을 추천드립니다. 테스트 환경 OS: centos/7 Docker Version: 20.10.12 호스트 OS 및 Docker Version…

1장 효율적으로 언어 배우기 1.…

1. 글에 대해 모든 결과는 Chrome 브라우저를 통해 테스트된 결과입니다. 2. object initializer 객체 초기화(or 생성)를 위한 표현법(or 식)으로 아래와 같은 것들이 존재한다. new Object(), Object.create…

1. 글에 대해 모든 결과는 Chrome 브라우저(ver 49)를 통해 테스트된 결과입니다. 2. Destructuring assignment(해체 할당)이란? 해체 할당은, 배열 또는 객체 리터럴과 유사한 문법으로, 변수에 값을 할당하는 JS…

1. 글에 대해 모든 결과는 Chrome 브라우저를 통해 테스트된 결과입니다. 2. const 키워드 const 키워드는 let 키워드와 유사한 언어 매커니즘을 가지고있다. 3. ES5 & const Object.defineProperty or…

1. 글에 대해 모든 결과는 Chrome 브라우저를 통해 테스트된 결과입니다. 2. ES5 & var var 키워드를 통한 변수 선언 ES5 는 오직 function execution context 내부에서만 Isolated Scope…

1. 글에 대해 이 글은 ES5 및 ES6 Arrow Function 안에서 this 값이 어떤식으로 평가되는지에 대한 내용을 다루고있다. 또한 모든 결과는 Chrome 브라우저를 통해 테스트된 결과입니다. 2. ES5 & this this…

1. 글에 대해 이 글은 Hika Maeng 님이 추천해주신 ECMAScript 6 길들이기라는 책과 개인적인 테스트를 통해 작성되었습니다. 또한 모든 결과는 Chrome 브라우저를 통해 테스트된 결과입니다. 2. 클래스 선언 및 표현식 ES…

1. 글에 대해 이 글은 (JS 위임 과정의 이해를 돕기 위한 글이 아닌)최근 시작한 ES56…

JQuery UI 에서 제공하고 있는 widgets 중 하나인 (Util)Selectmenu 를 구현한 예제이다. 이전 Menu UI…

JQuery UI 에서 제공하고 있는 widgets 중 하나인 (Util)Menu 를 구현한 예제이다. 이전 Accordion Menu와 달리, JS 로직에 대한 비중보다는, HTML…

JQuery 함수인 slideUp / slidedDown 함수와 Accordion Menu 를 직접 구현한 예제이다. 코어(재귀를 통한 Animation 처리) 로직을 직접 구현해보기위한 예제이므로, 그 외 로직(DOM…

1. JSXTransformer JSXTransformer 내부에서 사용되는 Esprima-FB 파서는 기존 Esprima 파서를 확장(JSX 명세) 구현한 버전이다. 현재 버전은 15001.1001.0-dev-harmony-fb…

1. DOM 이라는 단어가 가진 모호성 DOM 은 바라보는 관점에 따라 여러가지로 표현될 수 있다. 문서의 성격에 따라 DOM 을 다르게 표현하는 가장 큰 이유 중 하나이다.…

꽤 오래전에 구입했었던, JavaScript…

현재 정리중인 ”JavaScript 성능 최적화 책을 읽고..” 라는 포스트 내용 중 Scope Chain 을 통한, 식별자 검색에 대한 이야기가 나온다. 또, 이 내용을 검증하기위한 테스트 코드를 아래와 같이 작성해보았다. 식별자 검색 테스트 (n…

이 글에서는, 생성된 객체가 GC 에 의해, 소멸되는 시점에 대해 테스트해볼 것이다. Global Execution Context 내부 테스트 1 HEAP MEMORY CHECK 해당 객체가 Heap Memory…

1. 문서 내용에 대해 이 문서에서는 Yeoman 을 통해 자신만의 app generator 모듈을 생성하는 방법에 대해 알아볼 것이다. Yeoman 은 공식 홈페이지를 통해, 이를 시작하기 위한 내용을 제공하고있다. WRITING YOUR OWN…

1. 정의 객체 지향 언어는 크게 두 가지 줄기로 나눌수 있다. 클래스 기반 언어(C++, Java, C#, Ruby, Python 등) 프로토타입 기반 언어 아래는 그나마 많이 알려진 프로토타입 기반언어를 나열해보았다. JavaScript…

1. 정의 생성된 객체들을 별도의 Pool 안에 저장 후 재사용 하는 방법으로, 불필요한 객체 생성 및 반환(GC에 의한)을 최소화하는 디자인 패턴중 하나 이다. 객체 재사용을 위해, 생성된 객체를 Pool…

JS 의 다양한 함수 식 함수 선언식(Function Declaration(FD)) A 함수 선언 FD 는 함수 정의를 나타내는 문장으로 해석되며, 수행결과가 존재하지 않는다. FD 는 해당 Execution Context 진입 시, VO…

this 값은 Execution Context 의 속성 중 하나이다. this 값은 해당 Execution Context 진입 시 초기화된 후, 그 값이 변하지 않는다. 레퍼런스 타입(Reference Type) 레퍼런스 타입은 base…

ECMAScript 에서 말하는 변수는 오직 var 키워드를(또는 변수 선언식을) 통해서만 선언된다. 즉 var 키워드가(또는 변수 선언식이) 생략된 y 속성은, 변수가 아닌 VO 의 속성일 뿐이며, Execution Context 진입 시, VO…

Variable 와 Execution Context 는 서로 밀접하게 관련되어있다. JS 는 오직 Function Execution Context 내에서만 Isolated scope(격리된 유효범위) 을 가질 수 있다. 즉 JS…

이 글은 오래전 김훈민님의 블로그 글을 통해 ECMA-262-3 in detail 번역본을 정독 후, 개인적인 테스트를 통해 다시한번 정리해본 내용입니다. Execution Context 는 일종의 Call Stack…

Execution Context 와 ECStack 내부 ECStack 내부 Global Execution Context 의 Scope Chain Global Execution Context 내부에 생성되는 Scope Chain…

1. 정의 JS 객체 속성은 Enumerable(열거자) 또는 Nonenumerable(비열거자) 로 정의할 수 있으며, 이들을 탐색, 검색, 반복 할 수 있는 built-in 수단(문 or…

Selection 정의 Selection 은 마우스 또는 키보드를 통해, 컨텐츠를 선택, 또는 선택된 영역을 제어 하기위한 모든 특성들을 제공한다. 관련 용어 정의 Selection…

1. 사전 지식 Blob 정의 Blob 는 일반적으로 미디어(이미지, 사운드, 비디오) 파일과 같은 큰 용량의 파일을 말한다. Blob Object Blob Object 는 File 과 같은 불변 객체를 나타내며, raw data…

1. 정의 C 와 C++(또는 C# 등) 에서 구조화 된 데이터를 처리할 때, Struct 를 사용하는데 이를 구조체라 부른다. 최초의 구조체는 C…

1. 정의 가장 큰 범위의 인터페이스 는 사물 간 또는 사물과 인간 간(User Interface)의 의사소통을 위한 중간 매개체다. 즉 서로간의 의사소통을 위해 정해진 약속이 존재하며, 이를 이라 말할 수 있는것이다.…