Category: Javascript
객체 리터럴 확장, 상속 그리고 디스트럭처링
객체 리터럴의 확장 프로퍼티 축약 표현 es5의 객체 리터럴을 살펴보자. 객체 리터럴의 프로퍼티는 프로퍼티 이름과 프로퍼티 값으로 구성되어 있다. var x = 1, y = 2 var obj = { x: x, y: y } 이런 식으로 말이다. es6의 경우 프로퍼티 이름을 생략할 수 있다. 이 때의 프로퍼티 이름은 변수명으로 자동 생성된다. let
ES6 파라미터를 알아보자.araboza
ES6 파라미터 파라미터 기본값 es5에서는 파라미터 기본값을 설정할 수 없었지만, es6에선 기본값을 설정할 수 있어 함수 내 파라미터 검사를 수행하지 않아도 된다. Rest 파라미터 Rest 파라미는 Spread 연산자를 사용하여 파라미터를 정의한 것이다. 그래서 인수 리스트를 함수 내부에서 배열로 전달받을 수 있다. function foo(...
ES6의 변수와 블록 레벨 스코프
ES6의 변수 선언과 블록 레벨 스코프요즘 핫한 JS 관련 문법은 Typescript이다. 타입 선언이 가능할 뿐만 아니라 js의 모든 문법을 사용할 수도 있고, 제네릭 등의 기타 편리한 요소가 추가되었다. 이를 익히기 위해선 기본적으로 ES6에 대한 지식이 필요하다. 그래서 오늘부터 며칠간 ES6의 기본 문법에 대해 알아보고자 한다. let, conste
함수형 프로그래밍이란
함수형 프로그래밍사실 함수형 프로그래밍은 정말… 설명하기가 힘들다. (아직도 힘들다.) 하지만 자바스크립트에서 함수형 프로그래밍이 어떤 식으로 사용되는 지 간단하게 나마 남겨보고자 한다. 함수형 프로그래밍이 뭔데?그러게 말이다… 단순히 말하자면 함수를 조합하여 작업을 수행한다.라고 말하고 싶다. 말 그대로다 프로그램을 만들기 위해 프로그래밍을 한다면, 함수
객체지향 프로그래밍
객체 지향 프로그래밍객체지향이 뭔데?어려운 말이 정말 많다. 관계성 있는 객체들의 집합? 책임을 갖는 기계나 부품의 결합? 정도로 표현할 수 있겠다. (그나마 쉽게 말하면…)객체지향이라는 의미 자체를 한마디로 정의하기가 정말 힘들다. 그래서 우리는 객체지향 프로그래밍이 의미하는 바를 짚어보면서 이해해보고자 한다. 클래스 기반과 프로토타입 기반프로그래밍 언어
실행 컨텍스트와 스코프
실행 컨텍스트와 스코프실행 컨텍스트란?ECMAScript의 정의를 살펴보면 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념이라고 설명하고 있다.즉 실행 가능한 자바스크립트 코드 블록이 실행되는 환경이라고 할 수 있다. 실행 가능한 코드에는 전역 코드, eval() 코드, 함수 코드가 있다. 우리는 오늘 한가지 예제를 통해 콜 스택부터 실행 컨텍스트,