Reimaginer

Const ES6 이전에는 상수(읽기 전용 변수, 값을 다시 할당할 수 없는 변수)를 만드는 키워드가 없었습니다. 이제 const라는 키워드로 상수를 만들 수 있습니다. const pi = 3.141; let r = 2; console.log(pi * r * r); pi = 12; [결과] 12.564 TypeError: Assignment to constant variable. 상수의 scope const로 선언한 변수는 let으로 선언한 변수와 스코프 규칙이 같습니다. 즉, 블록 스코프입니다. 상수의 객체 참조 원시 타입이 아닌 객체를 상수로 만들게 되면 참조값(reference)가 저장 됩니다. 이 뜻은 const로 선언한 변수에 객체를 할당하게 되면 객체가 아닌 참조값이 고정(불변)되는 것입니다...

var vs let var 는 함수 스코프, let 은 블록 스코프 기존의 var는 함수 스코프 변수입니다. 우리가 기본적으로 알고 있는 블록 스코프가 아닙니다. 함수 내에 어디서든 선언하면 접근 가능합니다. (관련 내용 : http://chanlee.github.io/2013/12/10/javascript-variable-scope-and-hoisting/) 그래서 기본적으로 헤깔립니다. 코드가 길어지면 길어질 수록 변수가 선언된 곳을 찾는 것이 어려워집니다. var a = 12; function myFunction() { console.log(a); var b = 13; if(true) { var c = 14; console.log(b); } console.log(c); } myFunction(); ..

저는 현재 3년차 개발자로, 주로는 자바개발을 하고 자바스크립트도 가끔합니다. 예전에 인사이드 자바스크립트라는 책으로 공부를 했었는데요, 지금은 많이 까먹었습니다만, 그래도 프로토타입이 뭔지는 압니다. 그러나 현재 엄청나게 다양해지고 발전한 프론트앤드 기술은 잘 모릅니다. 이런 수준에서 이 책의 리뷰를 적어보겠습니다. 저는 지금 신림 프로그래머 그룹에서 진행하는 프론트엔드 스터디를 하고 있습니다. 제가 맡은 부분은 ECMAScript6(이하 ES6)입니다. 공식 문서를 보는 것을 약간 무서워(?)하고 블로그의 지식으로는 둥둥 떠다니는 지식들을 조립할 수능력이 부족하여 책을 추천받아서 읽어보았습니다. 책은 ECMAScript6 길들이기(나라얀 프루스티 저, 이일웅 역) 입니다. 책을 간단히 소개드리면, 2..

비호환 엔진에서 ECMA Script 6 실행 폴리필 / polyfill비호환 엔진에 없는 코드의 기능을 지원하기 위해서 삽입하는 코드 조각이다. 예를 들어서 ES6에서 제공하는 심볼을 사용하기 위해서는 core.js 같은 폴리필을 사용할 수 있다. 그러나 ES6 모든 기능에 폴리필을 쓸 수 없는(만들 수 도 없는) 기능들이 존재한다. 폴리필 목록은 아래 링크에서 볼 수 있다.https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#ecmascript-6-harmony (ES6)트랜스파일러 / transpilerES6 트랜스파일러는 ES6 소스코드를 ES5 소스 코드로 변환하여 거의 모든 자바스크립트 엔진에서 사용할 수 있게 해준..