몽땅뚝딱 개발자

예전엔 자동으로 됐던 것 같은데.. 역시 자동이란건 없다. 과거의 내가 설정해 둔 것일 뿐... 1) 이클립스에서 열려있는 파일 클릭 시 바로 익스플로러에서 위치가 열리는 기능 2) 파일 빠른 검색 Ctrl + Shift + R

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 실행 콘텍스트(Execution Context) ◽ 실행 콘텍스트란? 함수가 실행되는 영역, 묶음으로 함수 코드를 실행하고 실행 결과를 저장한다. 함수를 호출하면 엔진은 실행 콘텍스트를 생성하고 그 안으로 이동한다. ◽ 실행 콘텍스트의 실행 단계 준비 단계 - 초기화 단계 - 코드 실행 단계 ◽ 실행 콘텍스트의 생성 시점 실행 가능한 코드(함수 코드, 글로벌 코드, eval 코드)를 만났을 때 이다. 코드 유형을 3가지로 분리..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 스코프 바인딩(Scope Binding) ⚡ 한번 더 보기!! 예제코드의 바인딩&실행순서와 함수 초기화 3단계 과정 자세히 보기 :) ◽ 바인딩이란? 구조적으로 결속된 상태로 만드는 것을 바인딩(binding)이라고 한다. 대상은 바뀔 수 있는 '값'이 아니라, 프로퍼티의 '이름'이다. ◽ 바인딩의 목적 스코프를 설정하고 식별자를 해결하는 것이다. ◽ 바인딩의 종류 1) 정적 바인딩(Lecival, Static binding)..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 글로벌 스코프(Global Object) Global Object는 하나이기 때문에 Global Scope도 하나이다. 오브젝트는 개발자 관점으로 접근 한 것으로, 오브젝트에 함수와 변수를 작성한다. (=함수와 변수를 작성하기 위해서는 오브젝트가 있어야 함) 스코프는 엔진 처리 관점으로 접근 한 것으로, 엔진이 식별자 해결을 위해 스코프를 사용한다. == 뉘앙스 차이가 있으므로 관점에 따라 생각해봐야 한다. ◽ 최상위 스코프 ..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 글로벌 오브젝트(Global Object) 함수 안에 변수를 선언하면 변수가 함수에 속하게 되지만, 함수 밖에서 선언한 변수는 오브젝트가 없다. 이처럼 변수를 싸고있는 오브젝트가 없으면 글로벌 오브젝트에 설정된다. 이러한 메커니즘을 구현할 수 있는 것은 글로벌 오브젝트가 하나만 있기 때문이다. ◽ 글로벌 오브젝트의 특징 - JS 소스 파일 전체에서 Global Obejct는 하나만 있으며, new 연산자로 생성이 불가능 하다...

출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 개요 1. 자바스크립트의 스펙 ◽ Javascript의 스펙 - 정식 명칭: ECMAScript 2015 Language Spec. - 약칭 ES6: ES2015, ES7: ES2016 ES6+는 ES6 이후 에디션의 통칭이다. ECMAScript는 JavaScript와 같은 스크립트 언어의 표준을 말한다. JavaScript는 ECMAScript를 기반으로 하며 가장 인기있는 스크립트 언어이다. ◽ ES6+의 프로그램 언어적 위..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 호출 스택(call stack) ◽ call stack이란? 실행 콘텍스트의 논리적 구조이다. ◽ first in last out 순서 (=계단형 구조, FILO) 함수가 호출되면 스택의 가장 위에 실행 콘텍스트가 위치하게 된다. function one() { two(); }; function two() { three(); }; function three() {}; one(); 예를 들어, 위의 코드에서 one()이 호출되면 ..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 실행 콘텍스트 상태 컴포넌트 1) 렉시컬 환경 컴포넌트(Lexical Environment) ◽ 렉시컬 환경 컴포넌트 함수와 변수의 식별자 해결을 위한 환경을 설정한다. 함수 초기화 단계에서 해석한 함수와 변수를 {name:value} 형태로 저장하여, 이름으로 함수와 변수를 검색할 수 있게 된다. 함수 밖의 함수와 변수를 참조할 수 있는 환경을 설정하여 함수 밖의 함수와 변수를 사용할 수 있게 한다. ◽ 렉시컬 환경 컴포넌트..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 환경레코드와 글로벌 환경 ◽ 환경 레코드의 종류 - 선언적 환경 레코드(DER, Declarative Environment Record) function, 변수, catch 문에서 사용한다. 정적인 것은 이곳에 설정한다. - 오브젝트 환경 레코드(OER, Object Environment Record) 글로벌 함수와 변수, with 문에서 사용한다. 동적인 것은 이곳에 설정한다. 실행 콘텍스트(EC): { 렉시컬 환경 컴포넌트..

출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 for문에서의 let과 var ◽ for문에서의 let과 var의 차이점 for문에서 반복할 때 마다 var는 스코프를 갖지 않으나 let은 스코프를 가진다. [코드1: var의 경우] 축구 농구 야구 var node = document.querySelector(".sports"); // var i는 전체를 scope로 갖게 된다. for(var i=0; i