궁금한게 많은 개발자 노트

ES2015에서 새로 추가된 syntax : 병합, 구조 분배 할당(destructuring) 등에 다양하게 활용 각각의 멤버를 흩뿌려서 가진다라는 의미로 생각할 수 있음 override기능도 존재 -> 뒷쪽에 spread syntax를 써주면 앞쪽에 공통으로 겹치는 멤버를 override할 수 있음(앞쪽 불가) 주요 기능 : 여러 객체를 하나의 객체로 손쉽게 병합, 하나의 객체에서 원하는 멤버만 빼서 분배 가능, 배열 병합 가능 특정 변수 지정 및 남은 모든 원소들을 배열에서 받아오는 할당 기능이 존재 예시를 통해 확인 const array = [1,2,3,4,5] const head = [head, ...rest] = array /* head = 1, rest = 2,3,4,5 */ const per..

let과 const는 ES2015(ES6)에 추가된 변수 선언 키워드 hoisting규칙이 없고, block scoping을 지원함 -> 따라서 var 보다 훨씬 예측 가능한 코드 작성 가능 let은 레퍼런스가 바뀔 수 있음, const는 바뀔 수 없음 -> var는 재 선언이 가능하지만, let과 const는 불가 var와는 달리 let과 const는 hoisting기능이 없기 때문에 선언 전에 사용할 수 없음 (선언 후 사용) let과 const는 모두 같은 scoping rule을 따름 (let과 const의 예측 가능성과 유지보수성이 var보다 훨씬 뛰어남) 가능하다면 const만 사용하고, 필요한 경우에 한해 let을 쓰고, var는 절때 사용X let의 사용하는 경우는 closure를 사용하여..

Java, C++과 같은 클래스 기반 객체지향 프로그래밍 언어와 달리 자바스크립트는 프로토타입 기반 객체지향 프로그래밍 언어이다. 따라서 자바스크립트의 동작 원리를 이해하기 위해서는 프로토타입의 개념을 잘 이해하고 있어야 한다. 클래스 기반 객체지향 프로그래밍 언어는 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성한다. 하지만 프로토타입 기반 객체지향 프로그래밍 언어는 클래스 없이(Class-less)도 (ECMAScript 6에서 클래스가 추가되었다) 객체를 생성할 수 있다. 생성자 예시) 참고 function Person(name, gender) { var married = true; // private this.name = name; // public this.gender = ..

구글의 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)인 Node.js의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용되는 범용 개발 언어가 되었다. 하지만 자바스크립트가 가장 많이 사용되는 분야는 역시 웹 브라우저 환경에서 동작하는 웹 페이지/애플리케이션이다. 대부분의 프로그래밍 언어는 운영체제(Operating System, OS) 위에서 실행되지만 웹 애플리케이션의 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행된다. 따라서 브라우저 환경을 고려할 때 보다 효율적인 자바스크립트 프로그래밍이 가능하다. 브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 요청(Request)하고 ..

closure = function + environment : closure는 function이 하나 생길 때 마다 하나씩 생김 environment는 함수 자신을 둘러싼, 접근할 수 있는 모든 스코프를 뜻함 “A closure is the combination of a function and the lexical environment within which that function was declared.” 클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical environment)과의 조합이다. 위 정의에서 말하는 “함수”란 반환된 내부함수를 의미하고 “그 함수가 선언될 때의 렉시컬 환경(Lexical environment)”란 내부 함수가 선언됐을 때의 스코프를 의미한다. 즉, 클로저..