몽땅뚝딱 개발자

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 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

출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 let의 특징과 스코프 ◽ let? 블록 스코프를 가진 변수로, 변수가 선언된 블록이 스코프가 된다. ◽ let 변수의 스코프 적용 기준 블록{}, 문, 표현식 ◽ let 변수 선언 - Syntax: let name1 [=value] [, name2 [=value2]] - name1, name2에 변수 이름을 작성하며, []는 생략이 가능하다. ex) let book; let one, two; - 콤마로 구분하여 다수의 변수를 선..

출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 블록 스코프 유형 ◽ 유형 1) function 블록 2) try-catch 블록 3) switch-case 블록 ◽ function 블록 - function name() {}도 블록 스코프이다. - function 안과 밖에 같은 이름의 let 변수를 선언할 수 있다. - function 밖의 let 변수를 function안에서 사용가능한데 이것을 클로저라고 한다. // let 변수로 안과 밖에서 sports를 선언했는데 각각 ..

출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 변수 구분 ◽ 구분하는이유 기능과 목적이 다르기 때문이다. 1) 로컬 변수(=지역변수) - 함수안에 작성하는 것으로 변수 공유를 하지 않는다. - 빠르게 식별자를 해결하기 위해 가까운 스코프의 변수를 사용하는 것이다. 2) 글로벌 변수(=전역변수) - 다른 JS파일에서 변수값을 공유할 수 있다. - depth에 관계없이 파일에서 공통 변수 개념으로 사용이 가능하다. - 의도는 좋으나 처리속도가 떨어진다. ◽ var 키워드의 문제 ..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 호이스팅(Hoisting) ◽ 호이스팅이란? 함수앞에서 함수를 호출하는 것이다. 함수 선언문은 초기화 단계에서 function object를 생성하므로 어디에서도 함수를 호출할 수 있다. 초기화단계에서 값이 이미 존재하면 초기화하지 않는다. var result = book(); // 여기서 함수가 아래에 있으므로 아직 선언되지 않은 상태이기 때문에 // 스크립팅 언어에서는 에러가 나지만 // 자바스크립트는 함수 초기화를 미리 ..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 스코프(Scope) ◽ 스코프의 목적 - scope란? 범위, 영역이라는 뜻 - 범위를 제한하여, 스코프에서 식별자를 해결하려는 것이다. ◽ 식별자 해결(Identifier Resolution) 변수 이름, 함수 이름을 찾아 값을 구하는 것이 식별자 해결의 궁극적인 목적이다. 스코프는 식별자 해결을 위해 사용한다. 예를 들어 한국에서 '김철수'를 찾을 경우 동명이인이 굉장히 많을 것이다. 이럴 때 지역 이름으로, 구 단위로 좁..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 Argument 처리 메커니즘 ◽ Argument 처리 구조 함수가 호출되면 함수 안에서 우선 argument object를 만들고, 파라미터를 {key:value} 형태로 저장한다. key가 없기 때문에 파라미터 수 만큼 0부터 인덱스를 부여하여 그 인덱스를 key로 사용한다. 파라미터로 받은 값을 value에 설정한다. {0: param1, 1: param2}이 형태이다. 이 형태를 'Array-like'라고 부르며, ar..

출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 오버로딩(Overloading) 함수는 이름이 같더라도 파라미터의 수 또는 값 타입이 다르면 각각 존재할 수 있다. 함수를 호출하면 파라미터 수와 값 타입이 같은 함수가 호출된다. 자바에서도 메소드 이름이 같더라도 파라미터나 값 타입이 다르면 선언이 가능한 경우를 말하는 것 같다. // 이름은 같더라도 파라미터의 개수나 데이터 타입에 따라 다른 것으로 인식 function make(one) {}; function make(on..

출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 Arrow Function [코드 1. 일반 함수] const add = function(one, two) { return one + two; } console.log(add(1, 2)); [코드 2. 화살표 함수] // 'function'이 '=>'로 바뀌었다. const total = (one, two) => { return one + two; } console.log(total(1, 2)); ◽ 특징 - function(){..