ES6

"ES6(ECMAScript 2015)"에서 추가된 문법은 뭐가 있을까? "ES5(ECMAScript 2009)"와 차이점을 분석해봅시다! ES6에서는 함수를 정의함에 있어서 초기값을 설정할 수 있습니다. 다음 예제를 살펴보시죠. // ES6 function myFunction(x, y = 1) { return x + y; } myFunction(0); // will return 1 myFunction(0, 10); // will return 10 고정값이 아니라는 점만 고려하시면 될 것 같습니다. 해당 파라미터가 없다면 정의된 Default Value로 초기화 되고, 해당 파라미터가 있다면 Param Value로 치환됩니다. 해당 문법은 다양한 곳에서 사용할 수 있겠지만, 기가 막히다 싶을 정도의 예제..

"ES6(ECMAScript 2015)"에서 추가된 문법은 뭐가 있을까? "ES5(ECMAScript 2009)"와 차이점을 분석해봅시다! 'let' 그리고 'const' 는 ES6에서 새롭게 등장한 '변수 선언 방식'입니다. 두 방식 모두 블록('{ ... }') 단위의 생명주기를 가지고 있습니다. var x = 0; // Here x is 0 { let x = 1; // Here x is 1 } // Here x is 0 var x = 0; // Here x is 0 { const x = 1; // Here x is 1 } // Here x is 0 그렇다면, let과 const의 차이는 무엇일까요? const 변수는 상수라는 점에서 차이가 있습니다. 여기서 상수란, 변하지 않는 데이터입니다. 코드를..

"ES6(ECMAScript 2015)"에서 추가된 문법은 뭐가 있을까? "ES5(ECMAScript 2009)"와 차이점을 분석해봅시다! ES6(2015)에서 새롭게 추가된 문법들은 다음과 같습니다. # 새로운 변수 선언 (link) let const # New Global Methods isFinite() isNaN() # Number 관련 New Number Properties EPSILON (2.220446049250313e-16) MIN_SAFE_INTEGER (-9007199254740991) MAX_SAFE_INTEGER (9007199254740991) New Number Methods Number.isInteger() Number.isSafeInteger() Exponentiation O..

'상속'이라는 개념이 존재하지 않는 자바스크립트가 클래스를 어떻게 흉내내는지 파악해보자! 자바스크립트는 프로토타입 기반의 언어이기 때문에 '상속'의 개념이 존재하지 않습니다. 다만, 클래스에 대한 니즈에 따라 ES6에서 클래스 문법이 추가 되었지만, 일정 부분은 프로토타입을 여전히 활용하고 있습니다. 이 때문에 ES5 에서 클래스틑 흉내내기 위한 구현 방식을 학습할 필요가 있습니다. 그럼 클래스(Class)가 무엇일까요? 사전적으로 '집합, 집단'의 의미를 가지고 있습니다. 다음 예시를 통해 간단히 살펴보시죠. SuperClass는 부모 클래스입니다. 최상위 집단인거죠. SubClass는 자식 클래스입니다. 하위 집단입니다. 최상위 집단으로 '음식' 클래스가 존재합니다. '음식'에는 '고기'도 있고, '..

JavaScript 와 ECMAScript 는 무슨 차이일까? JavaScript 는 언어이고, ECMAScript 는 규격/표준이다. ES5(2009)에서 새롭게 추가된 문법들은 다음과 같습니다. # Array Method - isArray - forEach - map - filter - reduce - some - every - indexOf # Object Getter and Setter - Getters and Setters 프로퍼티를 지원합니다. # Strict mode "use strict"를 통해 깨끗한 코드를 작성하는데 도움을 줍니다. # JSON 이전에는 주로 XML을 사용하다가, JSON 데이터포맷의 붐이 일어나면서 지원하게 됐습니다. - JSON.parse() - JSON.string..