Archive: 2018

0

표현식과 연산자 정리

표현식과 연산자표현식이란?표현식은 어떤 값이 평가되는 식을 말한다. 값이나 변수 그리고 함수 등의 값을 바탕으로 식을 계산하는 행위를 하여 값을 평가하는 것이다.우리가 앞 시간에 살펴보았던 Primitive value가 가장 쉬운 표현식이다. 연산자란?연산자(Operator)는 표현식을 조합하여 더욱 복잡한 표현식을 만들도록 도와주는 것이다. 우리가 흔히

0

데이터 타입

데이터 타입데이터 타입은 프로그래밍 언어에서 사용할 수 있는 데이터의 종류들이자 기본적인 구성 요소이다. 변수에서 살펴봤듯이 자바스크립트에서는 데이터 타입이 동적 할당된다.그래서 자바스크립트는 동적 타입 언어라고 부른다. 자바스크립트는 크게 primitive type(원시타입), Object type으로 나눈다. 원시 타입에는 Number, String,

0

자바스크립트의 변수

자바스크립트의 변수 비교해보기.변수는 어떠한 프로그래밍 언어든지 가장 중요한 요소 중 하나이다. 변수란?값을 담기 위해 사용하는 것으로 데어터에 고유한 이름(식별자)를 붙여 명시한 것이다. ES5에선 ‘var’ 키워드를 사용한다. 즉 변수는 키워드를 사용하여 선언하고 할당 연산자를 이용하여 값을 할당하고 값을 참조하여 사용한다. var a = 1; 그렇다면

0

이터레이션과 for-of

이터레이션 프로토콜과 for-ofiteration protocol우선 이터러블(iterable)에 대한 개념부터 알아보자. 이터러블은 순회 가능한 자료구조를 뜻한다. Symbol.iterator를 프로퍼티 키로 사용한 메서드를 구현함으로써 순회 가능한 자료구조가 된다. 그럼 어터레이터(iterator)는 무엇일까? 이터러블 메서드는 이터레이터를 반환하는데

0

프로미스

ES6 Promise자바스크립트는 비동기 처리 방법 중 하나로 콜백 함수를 사용하는 데, 가독성 측면에서 좋지 않고 예외 처리가 힘들다. 비동기식 처리 모델은 task를 병렬로 수행하기 때문에 task가 종료되지 않아도 다음 task를 수행한다. 이후 서버로부터 데이터가 응답되면 이벤트가 발생하게 되고 eventHandler가 데이터를 가지고 수행할 tas

0

ES6 Class

Class에 대하여원래 자바스크립트는 프로토타입 기반 객체지향 언어이다. 프로토타입이란? 그래서 프로토타입 체인, 클로저를 이용하여 class없이 상속과 캡슐화 등을 구현할 수 있다. 프로토타입 예제 var Person = (function () { function Person(name) { this._name = name; } Pers

0

객체 리터럴 확장, 상속 그리고 디스트럭처링

객체 리터럴의 확장 프로퍼티 축약 표현 es5의 객체 리터럴을 살펴보자. 객체 리터럴의 프로퍼티는 프로퍼티 이름과 프로퍼티 값으로 구성되어 있다. var x = 1, y = 2 var obj = { x: x, y: y } 이런 식으로 말이다. es6의 경우 프로퍼티 이름을 생략할 수 있다. 이 때의 프로퍼티 이름은 변수명으로 자동 생성된다. let

0

ES6 파라미터를 알아보자.araboza

ES6 파라미터 파라미터 기본값 es5에서는 파라미터 기본값을 설정할 수 없었지만, es6에선 기본값을 설정할 수 있어 함수 내 파라미터 검사를 수행하지 않아도 된다. Rest 파라미터 Rest 파라미는 Spread 연산자를 사용하여 파라미터를 정의한 것이다. 그래서 인수 리스트를 함수 내부에서 배열로 전달받을 수 있다. function foo(...

0

화살표 함수

화살표 함수화살표 함수란 es5의 function키워드 대신 =>를 사용하여 쉽게 함수를 선언하는 것을 말한다. 기본 문법 () => {}는 매개변수가 없을 경우에 사용하는 방법, x => {}는 매개변수가 한 개일 경우, 소괄호를 생략 가능하다. (x,y) => {} 매개변수가 여러개일 경우 소괄호에 묶어 사용한다. 호출 화살

0

템플릿 리터럴

템플릿 리터럴일반 문자열과 비슷해 보이는 템플릿 리터럴이지만 ES6에서는 백틱 문자를 도입했다. const template = `템플릿 리터럴은 백틱안에서 '작은 따옴표', "큰 따옴표"를 사용할 수 있어요.!` console.log(template); 백틱문자는 키보드의 물결표시와 함께 있다. 또한 일반 문자열에서 줄바